-
Notifications
You must be signed in to change notification settings - Fork 8
/
Copy pathindex.html
94 lines (72 loc) · 2.57 KB
/
index.html
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
<!DOCTYPE html>
<html dir="rtl">
<head>
<meta charset='utf-8' />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title> وب فونت نستعلیق -بهینه واصلاح شده جهت وب، دسکتاپ، موبایل </title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
$text = 'یکی از مشکلاتی که در وب فارسی با آن مواجه هستیم، محدودیت فونت است. متاسفانه در وب فارسی ما محدود به سه فونت هستیم که بر روی تمامی سیستم ها نصب شده است. فونت arial, Tahoma و mono-type تنها فونتهایی هستند که می‌توانیم از آنها استفاده کنیم در حالی که برای زبان انگلیسی حداقل نزدیک به 10 فونت در دسترس است. 1234567890 ()",.،؛,';
$(document).ready(function(){
var pp = $('#container');
for(i=3;i<=60;i++) {
var $out = '<span>'+i+'px</span>'+$text;
var box = $('<div/>').html($out).addClass('boxText').css('fontSize',i);
pp.append(box);
//.;
}
});
</script>
<style type="text/css" media="all">
@font-face {
font-family: 'WebNastaliq';
src: url('WebFonts/IranNastaliq-Web.woff2') format('woff2'),
url('WebFonts/IranNastaliq-Web.woff') format('woff'),
url('WebFonts/IranNastaliq-Web.ttf') format('truetype');
font-weight: normal;
font-style: normal;
}
*{
-webkit-font-smoothing: antialiased;
}
body{
background-color: #F2F2F2;
}
#container{
display: block;
width: 80%;
margin: 50px auto;
}
.boxText{
padding: 50px 10px;
line-height: 1.5rm;
font-family: 'WebNastaliq' ,Tahoma;
text-align: justify;
border-bottom: 1px solid #777;
border-top: 1px solid #ccc;
}
.boxText span {
display: inline;
padding: 15px 10px;
border-radius:10px;
margin-left: 30px;
font-family:Tahoma;
background: red;
color: #fff;
}
</style>
</head>
<body>
<div id="container"></div>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-44956847-2");
pageTracker._trackPageview();
} catch(err) {}
</script>
</body>
</html>