-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
123 lines (121 loc) · 12.1 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
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="robots" content="noindex, noarchive">
<title>SMC Malayalam Webfonts</title>
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"
integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN" crossorigin="anonymous">
<link href="smc-webfonts.min.css" rel="stylesheet">
<link href="styles/reset.min.css" rel="stylesheet">
<link href="styles/style.min.css" rel="stylesheet">
</head>
<body>
<h1>
<span>SMC Malayalam Webfonts</span>
<div id="switcher-container">
<div id="open-switcher"><a href="javascript:;">Change Font</a></div>
<div id="switcher">
<div title="Close" id="close-switcher">X</div>
</div>
</div>
<div class="sharethis-inline-share-buttons" style="display:inline-block;float:right;margin:0 10px;"></div>
<!-- @formatter:off -->
<div id="bookmarklet">Bookmarklet to preview on your site: <a href="javascript:%22use%20strict%22%3Bfunction%20_slicedToArray(t%2Ce)%7Breturn%20_arrayWithHoles(t)%7C%7C_iterableToArrayLimit(t%2Ce)%7C%7C_unsupportedIterableToArray(t%2Ce)%7C%7C_nonIterableRest()%7Dfunction%20_nonIterableRest()%7Bthrow%20new%20TypeError(%22Invalid%20attempt%20to%20destructure%20non-iterable%20instance.%5CnIn%20order%20to%20be%20iterable%2C%20non-array%20objects%20must%20have%20a%20%5BSymbol.iterator%5D()%20method.%22)%7Dfunction%20_unsupportedIterableToArray(t%2Ce)%7Bif(t)%7Bif(%22string%22%3D%3Dtypeof%20t)return%20_arrayLikeToArray(t%2Ce)%3Bvar%20n%3DObject.prototype.toString.call(t).slice(8%2C-1)%3Breturn%22Object%22%3D%3D%3Dn%26%26t.constructor%26%26(n%3Dt.constructor.name)%2C%22Map%22%3D%3D%3Dn%7C%7C%22Set%22%3D%3D%3Dn%3FArray.from(t)%3A%22Arguments%22%3D%3D%3Dn%7C%7C%2F%5E(%3F%3AUi%7CI)nt(%3F%3A8%7C16%7C32)(%3F%3AClamped)%3FArray%24%2F.test(n)%3F_arrayLikeToArray(t%2Ce)%3Avoid%200%7D%7Dfunction%20_arrayLikeToArray(t%2Ce)%7B(null%3D%3De%7C%7Ce%3Et.length)%26%26(e%3Dt.length)%3Bfor(var%20n%3D0%2Ca%3Dnew%20Array(e)%3Bn%3Ce%3Bn%2B%2B)a%5Bn%5D%3Dt%5Bn%5D%3Breturn%20a%7Dfunction%20_iterableToArrayLimit(t%2Ce)%7Bif(%22undefined%22!%3Dtypeof%20Symbol%26%26Symbol.iterator%20in%20Object(t))%7Bvar%20n%3D%5B%5D%2Ca%3D!0%2Co%3D!1%2Cr%3Dvoid%200%3Btry%7Bfor(var%20l%2Ci%3Dt%5BSymbol.iterator%5D()%3B!(a%3D(l%3Di.next()).done)%26%26(n.push(l.value)%2C!e%7C%7Cn.length!%3D%3De)%3Ba%3D!0)%3B%7Dcatch(t)%7Bo%3D!0%2Cr%3Dt%7Dfinally%7Btry%7Ba%7C%7Cnull%3D%3Di.return%7C%7Ci.return()%7Dfinally%7Bif(o)throw%20r%7D%7Dreturn%20n%7D%7Dfunction%20_arrayWithHoles(t)%7Bif(Array.isArray(t))return%20t%7Dvar%20fonts%3D(%22undefined%22%3D%3Dtypeof%20firstBy%26%26(firstBy%3Dfunction()%7Breturn%7BthenBy%3Afunction()%7B%7D%7D%7D)%2C%5B%7BfontFamily%3A%22Meera%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22meera%22%2CjsFiddleId%3A%22v4vyxLju%22%7D%2C%7BfontFamily%3A%22Rachana%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22rachana%22%2CjsFiddleId%3A%22mapzaymx%22%7D%2C%7BfontFamily%3A%22Dyuthi%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22dyuthi%22%2CjsFiddleId%3A%221c791dfe%22%7D%2C%7BfontFamily%3A%22RaghuMalayalam%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22raghumalayalam%22%2CjsFiddleId%3A%22f1L1jy2z%22%7D%2C%7BfontFamily%3A%22Chilanka%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22chilanka%22%2CjsFiddleId%3A%22tp2m8L9p%22%7D%2C%7BfontFamily%3A%22Keraleeyam%22%2CfontWeight%3A%22bold%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22keraleeyam%22%2CjsFiddleId%3A%22a6uqj4eL%22%7D%2C%7BfontFamily%3A%22Manjari%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22manjari%22%2CjsFiddleId%3A%22133d3ajo%22%7D%2C%7BfontFamily%3A%22Manjari%22%2CfontWeight%3A100%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22manjari%22%2CjsFiddleId%3A%22h4mmru5e%22%7D%2C%7BfontFamily%3A%22Suruma%22%2CfontWeight%3A500%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22suruma%22%2CjsFiddleId%3A%22Lv8dchff%22%7D%2C%7BfontFamily%3A%22Rachana%22%2CfontWeight%3A%22bold%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22rachana%22%2CjsFiddleId%3A%221f7nxt16%22%7D%2C%7BfontFamily%3A%22Uroob%22%2CfontWeight%3A%22bold%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22uroob%22%2CjsFiddleId%3A%22pLq5qz9j%22%7D%2C%7BfontFamily%3A%22Karumbi%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22karumbi%22%2CjsFiddleId%3A%227d3okgq9%22%7D%2C%7BfontFamily%3A%22AnjaliOldLipi%22%2CfontWeight%3A%22normal%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22anjali%22%2CjsFiddleId%3A%229ajq9cun%22%7D%2C%7BfontFamily%3A%22Manjari%22%2CfontWeight%3A%22bold%22%2CfontStyle%3A%22normal%22%2CcssFileName%3A%22manjari%22%2CjsFiddleId%3A%223c3vuuz6%22%7D%5D.sort(firstBy(%22fontFamily%22).thenBy(%22fontWeight%22)).map(function(t)%7Bvar%20e%3Dt.fontFamily%2B%22%20(%22%2Bt.fontWeight%2B%22)%22%3Breturn%7Bname%3Ae%2CdisplayName%3Ae.replace(%2F%5Cs%5C(normal%5C)%2F%2C%22%22)%2CurlReadyName%3Ae.toLowerCase().replace(%2F%5B()%5D%2Fg%2C%22%22).replace(%2F%5Cs%2Fg%2C%22-%22)%2Cfont%3At%7D%7D))%2CsetFonts%3Dfunction(t)%7Bif(t)%7Bvar%20e%3D_slicedToArray(t.split(%22%20%22)%2C2)%2Cn%3De%5B0%5D%2Ca%3De%5B1%5D%2Co%3Dvoid%200%3D%3D%3Da%3F%22normal%22%3Aa%2Ct%3Dfonts.filter(function(t)%7Breturn%20t.font.fontFamily%3D%3D%3Dn%26%26t.font.fontWeight.toString()%3D%3D%3Do%7D)%3Bif(1!%3D%3Dt.length)return%20alert(%22Incorrect%20font%20name!%22)%3Be%3Dt%5B0%5D%2Ca%3Ddocument.getElementsByTagName(%22head%22)%5B0%5D%2Ct%3Ddocument.createElement(%22link%22)%3Bt.setAttribute(%22rel%22%2C%22stylesheet%22)%2Ct.setAttribute(%22type%22%2C%22text%2Fcss%22)%2Ct.href%3D%22%2F%2Fcdn.jsdelivr.net%2Fsmc-webfonts%2Flatest%2Ffonts%2F%22%2Be.font.cssFileName%2B%22.min.css%22%2Ca.appendChild(t)%3B!function(t%2Ce%2Cn)%7B%22undefined%22%3D%3Dtypeof%20getComputedStyle%26%26(getComputedStyle%3Dfunction(t)%7Breturn%20t.currentStyle%7D)%3Bfor(var%20a%2Co%2Cr%2Cl%3D%7B%7D%2Ci%3Ddocument.body.getElementsByTagName(%22*%22)%2Cm%3Di.length%2Cs%3D0%3Bs%3Cm%3Bs%2B%2B)(o%3Di%5Bs%5D).style%26%26(r%3D%22%23%22%2B(o.id%7C%7Co.nodeName%2B%22(%22%2Bs%2B%22)%22)%2C(a%3Do.style.fontFamily%7C%7CgetComputedStyle(o%2C%22%22)%5Bt%5D)%26%26-1%3D%3D%3Da.indexOf(%22FontAwesome%22)%26%26-1%3D%3D%3Da.indexOf(e)%26%26(o.style.fontFamily%3De%2B%22%2C%22%2Ba%2Co.style.fontWeight%3Dn%2Cl%5Ba%5D%7C%7C(l%5Ba%5D%3D%5B%5D)%2Cl%5Ba%5D.push(r)))%7D(%22fontFamily%22%2Ce.font.fontFamily%2Ce.font.fontWeight)%7D%7D%2CfontNames%3Dfonts.map(function(t)%7Breturn%22%5Ct%22.concat(t.displayName.replace(%2F%5B()%5D%2Fg%2C%22%22))%7D).sort()%3BsetFonts(prompt(%22Type%20in%20the%20exact%20font%20name%20and%20style%20from%20the%20below%20list%3A%5Cn%5Cn(for%20example%3A%20'Manjari%20bold')%5Cn%5Cn%22%2BfontNames.join(%22%5Cn%22)))%2Cfunction(t%2Ce%2Cn%2Ca%2Co%2Cr)%7Bt.GoogleAnalyticsObject%3Da%2Ct.ga%3Dt.ga%7C%7Cfunction()%7B(t.ga.q%3Dt.ga.q%7C%7C%5B%5D).push(arguments)%7D%2Ct.ga.l%3D%2Bnew%20Date%2Co%3De.createElement(n)%2Cr%3De.getElementsByTagName(n)%5B0%5D%2Co.async%3D1%2Co.src%3D%22https%3A%2F%2Fwww.google-analytics.com%2Fanalytics.js%22%2Cr.parentNode.insertBefore(o%2Cr)%7D(window%2Cdocument%2C%22script%22%2C%22ga%22)%2Cga(%22create%22%2C%22UA-4869398-10%22%2C%22auto%22)%2Cga(%22send%22%2C%22pageview%22)%3B">SMC-Fontify</a></div>
<!-- @formatter:on -->
<div class="github">
<a title="Fork me on GitHub" href="https://github.com/kollavarsham/smc-webfonts">
<i class="fa fa-github fa-lg" aria-hidden="true"></i>
</a>
</div>
</h1>
<div class="page">
<div class="demo">
<div>
<p>Preview, Usage, Live Demo and Try-out bookmarklet for the Open Source Malyalam fonts from SMC (Swathanthra Malayalam Computing) - <a
href="https://smc.org.in/fonts/">https://smc.org.in/fonts/</a></p>
<p> </p>
<p><a href="https://www.youtube.com/watch?v=y-DhWN_bTI4">Check out the video on Youtube</a></p>
<p> </p>
<p>Use these fonts directly from <a href="http://www.jsdelivr.com/projects/smc-webfonts">jsDelivr CDN</a> <a href="https://www.jsdelivr.com/package/gh/kollavarsham/smc-webfonts" rel="nofollow noreferrer noopener" target="_blank"><img src="https://data.jsdelivr.com/v1/package/gh/kollavarsham/smc-webfonts/badge" alt="" class="js-lazy-loaded qa-js-lazy-loaded"></a></p>
<p> </p>
</div>
<h2 id="font-name"></h2>
<h3>Usage</h3>
<pre id="usage"></pre>
<h3>Live Demo (on JSFiddle)</h3>
<div id="jsFiddle-container"></div>
<h3>Static Preview</h3>
<div class="tab-container">
<div class="tab-head-container">
<div id="ml" class="tab-head">മലയാളം</div>
<div id="en" class="tab-head">English</div>
</div>
<div class="font-container">
<div class="tab ml">
<p class="letters">
അ ആ ഇ ഈ ഉ ഊ ഋ ഌ എ ഏ ഐ ഒ ഓ ഔ ം ഃ
<br/> ക ഖ ഗ ഘ ങ ച ഛ ജ ഝ ഞ ട ഠ ഡ ഢ ണ ത ഥ ദ ധ ന പ ഫ ബ ഭ മ
<br/> യ ര ല വ ശ ഷ സ ഹ ള ഴ റ ഩ
<br/> ഽ ാ ി ീ ു ൂ ൃ ൄ െ േ ൈ ൊ ോ ൌ ്
<br/> ൠ ൡ ൢ ൣ ൹ ൺ ൻ ർ ൽ ൾ ൿ
<br/> ൦ ൧ ൨ ൩ ൪ ൫ ൬ ൭ ൮ ൯ ൰ ൱ ൲ ൳ ൴ ൵
<br/> 0 1 2 3 4 5 6 7 8 9 . : , ; ( ) * ! ? ' @ # < > $ % & ^ + - = ~
</p>
<p class="s10 ml-text" style="font-size: 10px;"></p>
<p class="s11 ml-text" style="font-size: 11px;"></p>
<p class="s12 ml-text" style="font-size: 12px;"></p>
<p class="s14 ml-text" style="font-size: 14px;"></p>
<p class="s18 ml-text" style="font-size: 18px;"></p>
<p class="s24 ml-text" style="font-size: 24px;"></p>
<p class="s30 ml-text" style="font-size: 30px;"></p>
<p class="s36 ml-text" style="font-size: 36px;"></p>
<p class="s48 ml-text" style="font-size: 48px;"></p>
<p class="s60 ml-text" style="font-size: 60px;"></p>
<p class="s72 ml-text" style="font-size: 72px;"></p>
</div>
<div class="tab en">
<p class="letters">
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
<br/>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
<br/>0 1 2 3 4 5 6 7 8 9 . : , ; ( ) * ! ? ' @ # < > $ % & ^ + - = ~
</p>
<p class="s10 en-text" style="font-size: 10px;"></p>
<p class="s11 en-text" style="font-size: 11px;"></p>
<p class="s12 en-text" style="font-size: 12px;"></p>
<p class="s14 en-text" style="font-size: 14px;"></p>
<p class="s18 en-text" style="font-size: 18px;"></p>
<p class="s24 en-text" style="font-size: 24px;"></p>
<p class="s30 en-text" style="font-size: 30px;"></p>
<p class="s36 en-text" style="font-size: 36px;"></p>
<p class="s48 en-text" style="font-size: 48px;"></p>
<p class="s60 en-text" style="font-size: 60px;"></p>
<p class="s72 en-text" style="font-size: 72px;"></p>
</div>
</div>
</div>
</div>
</div>
<script type="application/javascript" src="scripts/thenBy.min.js"></script>
<script type="application/javascript" src="scripts/script.es5.min.js"></script>
<script>
(function (i, s, o, g, r, a, m) {
i['GoogleAnalyticsObject'] = r;
i[r] = i[r] || function () {
(i[r].q = i[r].q || []).push(arguments)
}, i[r].l = 1 * new Date();
a = s.createElement(o),
m = s.getElementsByTagName(o)[0];
a.async = 1;
a.src = g;
m.parentNode.insertBefore(a, m)
})(window, document, 'script', 'https://www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-4869398-10', 'auto');
ga('send', 'pageview');
</script>
<script type="text/javascript" src="//platform-api.sharethis.com/js/sharethis.js#property=58e1d1e0403910001141b605&product=inline-share-buttons"></script>
</body>
</html>