abc-charts
Version:
Widget render for using in 'ABC consulting' projects
108 lines (95 loc) • 8.49 kB
HTML
<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="pt-root-ui-bold.css" type="text/css" charset="utf-8">
<style type="text/css" media="screen">
body {font-family: Helvetica, Arial, sans-serif; color:#333333;}
.PTRootUIWebBold {
font-family: 'PTRootUIWebBold';
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="PTRootUIWebBold samplebox" style="font-size:60px; color:#990000">
PT Root UI</span></p>
<p class="caption">
Sample Text:</p>
<p class="PTRootUIWebBold 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="PTRootUIWebBold 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>