109 lines
8.0 KiB
HTML
109 lines
8.0 KiB
HTML
<!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="SBSansScreen_stylesheet.css" type="text/css" charset="utf-8">
|
|
<style type="text/css" media="screen">
|
|
body {font-family: Helvetica, Arial, sans-serif; color:#333333;}
|
|
.SBSansScreenRegular {
|
|
font-family: 'SBSansScreenRegular';
|
|
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="SBSansScreenRegular samplebox" style="font-size:60px; color:#990000">
|
|
SB Sans Screen</span></p>
|
|
|
|
<p class="caption">
|
|
Sample Text:</p>
|
|
<p class="SBSansScreenRegular 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="SBSansScreenRegular 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 { | } ~   ¡ ¢ £ ¤ ¥ ¦ § ¨ © ª « ¬ ­ ® ¯ ° ± ² ³ ´ µ ¶ · ¸ ¹ º » ¼ ½ ¾ ¿ À Á Â Ã Ä Å Æ Ç È É Ê Ë Ì Í Î Ï Ð Ñ Ò Ó Ô Õ Ö × Ø Ù Ú Û Ü Ý Þ ß à á â ã ä å æ ç è é ê ë ì í î ï ð ñ ò ó ô õ ö ÷ ø ù ú û ü ý þ ÿ Ā ā Ă ă Ą ą Ć ć Ĉ ĉ Ċ ċ Č č Ď ď Đ đ Ē ē Ė ė Ę ę Ě ě Ĝ ĝ Ğ ğ Ġ ġ Ģ ģ Ĥ ĥ Ħ ħ Ī ī Į į İ ı Ĵ ĵ Ķ ķ Ĺ ĺ Ļ ļ Ľ ľ Ŀ ŀ Ł ł Ń ń Ņ ņ Ň ň Ō ō Ő ő Œ œ Ŕ ŕ Ŗ ŗ Ř ř Ś ś Ŝ ŝ Ş ş Š š Ţ ţ Ť ť Ū ū Ŭ ŭ Ů ů Ű ű Ų ų Ÿ Ź ź Ż ż Ž ž Ə ƒ ǝ Ǧ ǧ Ș ș Ț ț ȷ ə ʼ ˆ ˇ ˘ ˙ ˚ ˛ ˜ ˝ ́ Δ Ω π Ё Ђ Ѓ Є Ѕ І Ї Ј Љ Њ Ћ Ќ Ў Џ А Б В Г Д Е Ж З И Й К Л М Н О П Р С Т У Ф Х Ц Ч Ш Щ Ъ Ы Ь Э Ю Я а б в г д е ж з и й к л м н о п р с т у ф х ц ч ш щ ъ ы ь э ю я ё ђ ѓ є ѕ і ї ј љ њ ћ ќ ў џ Ґ ґ Ғ ғ Қ қ Ң ң Ү ү Ұ ұ Һ һ Ӏ ӏ Ә ә Ө ө ẞ ‒ – — ‘ ’ ‚ “ ” „ † ‡ • … ‰ ‹ › ⁄ ⁰ ⁴ ⁵ ⁶ ⁷ ⁸ ⁹ ₀ ₁ ₂ ₃ ₄ ₅ ₆ ₇ ₈ ₉ € ₴ ₸ ₽ № ℠ ™ ⅓ ⅔ ⅛ ⅜ ⅝ ⅞ − ∞ ≈ ≠ ≤ ≥ ◊                                                             ff fi fl ffi ffl </p>
|
|
|
|
<p class="CopyrightFont">
|
|
© ParaType, 2019. 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>
|