forked from adamlaska/datatracker
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathptf56f_demo.html
More file actions
108 lines (95 loc) · 9.2 KB
/
ptf56f_demo.html
File metadata and controls
108 lines (95 loc) · 9.2 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=1252"/>
<!--
These webfonts were purchased at www.ParaType.com
You can purchase them too. Please don't steal them.
Please don't remove this notice. Thanks.
-->
<title>Font Face Demo</title>
<link rel="stylesheet" href="PTF56F_stylesheet.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
body {font-family: Helvetica, Arial, sans-serif; color:#333333;}
.PTSerifItalic {
font-family: 'PTSerifItalic';
font-weight: normal;
font-style: normal;
color:#000000;
}
.caption {
font-size: 18px;
color:#666666;
}
.FontName {
font-size: 60px;
}
.CopyrightFont {
font-size: 10px;
}
#container {
width: 900px;
margin-left: auto;
margin-right: auto;
overflow: none;
}
.samplebox {
white-space:wrap;
margin-top:10px;
margin-bottom: 0px;
}
</style>
<script type="text/javascript">
fsize = 24
function less()
{
if (fsize > 2) {
fsize = fsize-1;
p = document.getElementById('sample');
p.style.fontSize = fsize + "px";
document.getElementById('stext').value = fsize + "px";
}
}
function more()
{
if (fsize < 100) {
fsize = fsize+1;
setSize ()
}
}
function setSize ()
{
p = document.getElementById('sample');
p.style.fontSize = fsize + "px";
document.getElementById('stext').value = fsize + "px";
}
function changeFSize()
{
tsize = document.getElementById('stext').value;
fsize = parseInt (tsize);
setSize ();
return false;
}
</script>
</head>
<body>
<div id="container">
<p class="caption">
Font: <br>
<span class="PTSerifItalic samplebox" style="font-size:60px; color:#990000">
PT Serif Italic</span></p>
<p class="caption">
Sample Text:</p>
<p class="PTSerifItalic samplebox" style="font-size:28px">
Jelly-like above the high wire, six quaking pachyderms kept the climax of the extravaganza in a dazzling state of flux.<br>Юный директор целиком сжевал весь объём продукции фундука (товара дефицитного и деликатесного), идя энергично через хрустящий камыш.</p>
<p class="caption">
<form onsubmit="return changeFSize();">
Character Set: <input type="button" value="-" onClick="less()"> <input id="stext" type="text" value="24px" style="width:40px"> <input type="button" value="+" onClick="more()"></p>
</form>
<p id="sample" class="PTSerifItalic samplebox" style="font-size:24px;">
! " # $ % & ' ( ) * + , - . / 0 1 2 3 4 5 6 7 8 9 : ; < = > ? @ A B C D E F G H I J K L M N O P Q R S T U V W X Y Z [ \ ] ^ _ ` a b c d e f g h i j k l m n o p q r s t u v w x y z { | } ~   ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Č č Ď ď Đ đ Ē ē Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ģ ģ Ĥ ĥ Ħ ħ Ī ī Į į İ ı Ĵ ĵ Ķ ķ Ĺ ĺ Ļ ļ Ľ ľ Ł ł Ń ń Ņ ņ Ň ň Ō ō Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ÿ Ź ź Ż ż Ž ž ſ ƒ Ǵ ǵ Ș ș Ț ț ȷ ʼ ˆ ˇ ˘ ˙ ˚ ˛ ˜ ˝ ́ Δ Ω π Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ў џ Ѣ ѣ Ѳ ѳ Ѵ ѵ Ҋ ҋ Ҍ ҍ Ҏ ҏ Ґ ґ Ғ ғ Ҕ ҕ Җ җ Ҙ ҙ Қ қ Ҝ ҝ Ҟ ҟ Ҡ ҡ Ң ң Ҥ ҥ Ҧ ҧ Ҩ ҩ Ҫ ҫ Ҭ ҭ Ү ү Ұ ұ Ҳ ҳ Ҵ ҵ Ҷ ҷ Ҹ ҹ Һ һ Ҽ ҽ Ҿ ҿ Ӏ Ӄ ӄ Ӆ ӆ Ӈ ӈ Ӊ ӊ Ӌ ӌ Ӎ ӎ ӏ Ӑ ӑ Ӓ ӓ Ӕ ӕ Ӗ ӗ Ә ә Ӛ ӛ Ӝ ӝ Ӟ ӟ Ӡ ӡ Ӣ ӣ Ӥ ӥ Ӧ ӧ Ө ө Ӫ ӫ Ӭ ӭ Ӯ ӯ Ӱ ӱ Ӳ ӳ Ӵ ӵ Ӷ ӷ Ӹ ӹ Ӽ ӽ Ԑ ԑ Ԓ ԓ Ԝ ԝ Ԥ ԥ Ԧ ԧ Ԯ ԯ Ḱ ḱ Ḿ ḿ Ṕ ṕ ẞ ‑ – — ‘ ’ ‚ “ ” „ † ‡ • … ‰ ‹ › ⁄ ₁ ₂ ₃ ₄ € ₴ ₽ ℓ № ™ ℮ ∂ ∏ ∑ − ∕ √ ∞ ∫ ≈ ≠ ≤ ≥ ◊ Ⱨ ⱨ                                                                                                         fi fl </p>
<p class="CopyrightFont">
© ParaType, 2013. All rights reserved.<br>All trademarks mentioned in this document are the trademarks or registered trademarks of their respective holders. You may reproduce and<br>distribute this document as long as you do not remove ParaType copyright information and do not make any changes in the document.<br>Русская панграмма из книги В. В. Шахиджаняна «Соло на клавиатуре»</p> </div>
</body>
</html>