1+ < html >
2+ < head >
3+ <!-- INFO Just include the font-smoothie script anywhere on your page and
4+ you will have smooth fonts even on Windows XP. -->
5+ < script type ="text/javascript " src ="fontsmoothie.min.js " async > </ script >
6+ < style >
7+ /* INFO We recommend to use @import or the link tag to include the
8+ font-face definition into your page.
9+ NOTE Some browsers block access to CSS rules in external files if the
10+ page is not loaded via HTTP. Therefore the Font Smoothie script
11+ will not work if you open this page as a local file. */
12+ @import url ('FiraCode-Regular.css' );
13+
14+ /* INFO Just some other styles to beautify the page ;) */
15+ body {
16+ font-family : sans-serif;
17+ color : # 999 ;
18+ white-space : nowrap;
19+ }
20+ h1 {
21+ font-size : 2rem ;
22+ font-weight : normal;
23+ margin : 2rem 0 1rem 0 ;
24+ }
25+ h2 {
26+ font-size : 1.5rem ;
27+ font-weight : normal;
28+ margin : 2rem 0 1rem 0 ;
29+ }
30+ p {
31+ margin : 2rem 0 ;
32+ }
33+ div p {
34+ font-family : 'FiraCode-Regular' ;
35+ color : # 000 ;
36+ margin : 1rem 0 ;
37+ }
38+ </ style >
39+ < title > FiraCode-Regular — Fontie webfont specimen</ title >
40+ </ head >
41+
42+ < body >
43+ < h1 > FiraCode-Regular — Fontie webfont specimen</ h1 >
44+ < div style ="font-size:9px ">
45+ < h2 > Size 9px</ h2 >
46+ < p > the quick brown fox jumps over the lazy dog</ p >
47+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
48+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
49+ </ div >
50+ < div style ="font-size:10px ">
51+ < h2 > Size 10px</ h2 >
52+ < p > the quick brown fox jumps over the lazy dog</ p >
53+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
54+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
55+ </ div >
56+ < div style ="font-size:12px ">
57+ < h2 > Size 12px</ h2 >
58+ < p > the quick brown fox jumps over the lazy dog</ p >
59+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
60+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
61+ </ div >
62+ < div style ="font-size:16px ">
63+ < h2 > Size 16px</ h2 >
64+ < p > the quick brown fox jumps over the lazy dog</ p >
65+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
66+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
67+ </ div >
68+ < div style ="font-size:24px ">
69+ < h2 > Size 24px</ h2 >
70+ < p > the quick brown fox jumps over the lazy dog</ p >
71+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
72+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
73+ </ div >
74+ < div style ="font-size:36px ">
75+ < h2 > Size 36px</ h2 >
76+ < p > the quick brown fox jumps over the lazy dog</ p >
77+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
78+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
79+ </ div >
80+ < div style ="font-size:60px ">
81+ < h2 > Size 60px</ h2 >
82+ < p > the quick brown fox jumps over the lazy dog</ p >
83+ < p > THE QUICK BROWN FOX JUMPS OVER THE LAZY DOG</ p >
84+ < p > 1234567890-=!@#$%^&*()_+[]{}<>.,;:?/\|'"</ p >
85+ </ div >
86+ < p > Generated by Fontie — the magic webfont generator < a href ="http://fontie.flowyapps.com "> http://fontie.flowyapps.com</ a > </ p >
87+ </ body >
88+
89+ </ html >
0 commit comments