<!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>