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