10 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
11 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
12 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
13 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
14 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
16 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
18 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
20 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
24 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
30 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
36 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
48 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
60 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
72 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
90 | abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ |
10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
10.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
11.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
12.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
13.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
14.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
16.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
18.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
20.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
24.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
30.Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.
Lorem Ipsum Dolor
Etiam porta sem malesuada magna mollis euismod
Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Pellentesque ornare sem
Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit.
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.
Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur.
Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla.
Cras mattis consectetur
Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum.
Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.
Language Support
The subset of Abadi MT Std Cond Light in this kit supports the following languages:
Albanian, Catalan, Czech, Danish, Dutch, English, Esperanto, Estonian, Faroese, French, German, Hungarian, Icelandic, Italian, Lithuanian, Malagasy, Norwegian, Polish, Romanian, Slovak, Slovenian, Spanish, Swedish, Turkish
Glyph Chart
The subset of Abadi MT Std Cond Light in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.
 
!
!"
"#
#$
$%
%&
&'
'(
()
)*
*+
+,
,-
-.
./
/0
01
12
23
34
45
56
67
78
89
9:
:;
;<
<=
=>
>?
?@
@A
AB
BC
CD
DE
EF
FG
GH
HI
IJ
JK
KL
LM
MN
NO
OP
PQ
QR
RS
ST
TU
UV
VW
WX
XY
YZ
Z[
[\
\]
]^
^_
_`
`a
ab
bc
cd
de
ef
fg
gh
hi
ij
jk
kl
lm
mn
no
op
pq
qr
rs
st
tu
uv
vw
wx
xy
yz
z{
{|
|}
}~
~ 
¡
¡¢
¢£
£¤
¤¥
¥¦
¦§
§¨
¨©
©ª
ª«
«¬
¬­
®
®¯
¯°
°±
±²
²³
³´
´µ
µ¶
¶·
·¸
¸¹
¹º
º»
»¼
¼½
½¾
¾¿
¿À
ÀÁ
ÁÂ
ÂÃ
ÃÄ
ÄÅ
ÅÆ
ÆÇ
ÇÈ
ÈÉ
ÉÊ
ÊË
ËÌ
ÌÍ
ÍÎ
ÎÏ
ÏÐ
ÐÑ
ÑÒ
ÒÓ
ÓÔ
ÔÕ
ÕÖ
Ö×
ר
ØÙ
ÙÚ
ÚÛ
ÛÜ
ÜÝ
ÝÞ
Þß
ßà
àá
áâ
âã
ãä
äå
åæ
æç
çè
èé
éê
êë
ëì
ìí
íî
îï
ïð
ðñ
ñò
òó
óô
ôõ
õö
ö÷
÷ø
øù
ùú
úû
ûü
üý
ýþ
þÿ
ÿĀ
Āā
āĂ
Ăă
ăĄ
Ąą
ąĆ
Ćć
ćĈ
Ĉĉ
ĉĊ
Ċċ
ċČ
Čč
čĎ
Ďď
ďĐ
ĐĒ
Ēē
ēĔ
Ĕĕ
ĕĖ
Ėė
ėĘ
Ęę
ęĚ
Ěě
ěĜ
Ĝĝ
ĝĞ
Ğğ
ğĠ
Ġġ
ġĢ
ĢĤ
Ĥĥ
ĥĨ
Ĩĩ
ĩĪ
Īī
īĬ
Ĭĭ
ĭĮ
Įį
įİ
İı
ıIJ
IJij
ijĴ
Ĵĵ
ĵĶ
Ķķ
ķĹ
Ĺĺ
ĺĻ
Ļļ
ļĽ
Ľľ
ľĿ
Ŀŀ
ŀŁ
Łł
łŃ
Ńń
ńŅ
Ņņ
ņŇ
Ňň
ňŌ
Ōō
ōŎ
Ŏŏ
ŏŐ
Őő
őŒ
Œœ
œŔ
Ŕŕ
ŕŖ
Ŗŗ
ŗŘ
Řř
řŚ
Śś
śŜ
Ŝŝ
ŝŞ
Şş
şŠ
Šš
šŢ
Ţţ
ţŤ
Ťť
ťŨ
Ũũ
ũŪ
Ūū
ūŬ
Ŭŭ
ŭŮ
Ůů
ůŰ
Űű
űŲ
Ųų
ųŴ
Ŵŵ
ŵŶ
Ŷŷ
ŷŸ
ŸŹ
Źź
źŻ
Żż
żŽ
Žž
žſ
ſƉ
Ɖƒ
ƒƠ
Ơơ
ơƯ
Ưư
ưǀ
ǀǁ
ǁDŽ
DŽDž
Dždž
džLJ
LJLj
Ljlj
ljNJ
NJNj
Njnj
njǍ
Ǎǎ
ǎǏ
Ǐǐ
ǐǑ
Ǒǒ
ǒǓ
Ǔǔ
ǔǕ
Ǖǖ
ǖǗ
Ǘǘ
ǘǙ
Ǚǚ
ǚǛ
Ǜǜ
ǜǞ
Ǟǟ
ǟǢ
Ǣǣ
ǣǦ
Ǧǧ
ǧǨ
Ǩǩ
ǩǪ
Ǫǫ
ǫǬ
Ǭǭ
ǭǰ
ǰDZ
DZDz
Dzdz
dzǴ
Ǵǵ
ǵǸ
Ǹǹ
ǹǺ
Ǻǻ
ǻǼ
Ǽǽ
ǽǾ
Ǿǿ
ǿȂ
Ȃȃ
ȃȆ
Ȇȇ
ȇȊ
Ȋȋ
ȋȎ
Ȏȏ
ȏȒ
Ȓȓ
ȓȖ
Ȗȗ
ȗȘ
Șș
șȚ
Țț
țȞ
Ȟȟ
ȟȦ
Ȧȧ
ȧȨ
Ȩȩ
ȩȪ
Ȫȫ
ȫȬ
Ȭȭ
ȭȮ
Ȯȯ
ȯȰ
Ȱˆ
ˆˇ
ˇˉ
ˉ˘
˘˙
˙˚
˚˛
˛˜
˜˝
˝Α
ΑΒ
ΒΕ
ΕΖ
ΖΗ
ΗΙ
ΙΚ
ΚΜ
ΜΝ
ΝΟ
ΟΡ
ΡΤ
ΤΥ
ΥΧ
ΧΩ
ΩΪ
ΪΫ
Ϋμ
μο
οπ
πρ
ρχ
χА
АВ
ВЕ
ЕК
КМ
МН
НО
ОР
РС
СТ
ТХ
Ха
ае
ео
оп
пр
рс
су
ух
хḀ
Ḁḁ
ḁḂ
Ḃḃ
ḃḄ
Ḅḅ
ḅḆ
Ḇḇ
ḇḈ
Ḉḉ
ḉḊ
Ḋḋ
ḋḌ
Ḍḍ
ḍḎ
Ḏḏ
ḏḐ
Ḑḑ
ḑḒ
Ḓḓ
ḓḔ
Ḕḕ
ḕḖ
Ḗḗ
ḗḘ
Ḙḙ
ḙḚ
Ḛḛ
ḛḜ
Ḝḝ
ḝḞ
Ḟḟ
ḟḠ
Ḡḡ
ḡḢ
Ḣḣ
ḣḤ
Ḥḥ
ḥḦ
Ḧḧ
ḧḨ
Ḩḩ
ḩḪ
Ḫḫ
ḫḬ
Ḭḭ
ḭḮ
Ḯḯ
ḯḰ
Ḱḱ
ḱḲ
Ḳḳ
ḳḴ
Ḵḵ
ḵḶ
Ḷḷ
ḷḸ
Ḹḹ
ḹḺ
Ḻḻ
ḻḼ
Ḽḽ
ḽḾ
Ḿḿ
ḿṀ
Ṁṁ
ṁṂ
Ṃṃ
ṃṄ
Ṅṅ
ṅṆ
Ṇṇ
ṇṈ
Ṉṉ
ṉṊ
Ṋṋ
ṋṌ
Ṍṍ
ṍṎ
Ṏṏ
ṏṐ
Ṑṑ
ṑṒ
Ṓṓ
ṓṔ
Ṕṕ
ṕṖ
Ṗṗ
ṗṘ
Ṙṙ
ṙṚ
Ṛṛ
ṛṜ
Ṝṝ
ṝṞ
Ṟṟ
ṟṠ
Ṡṡ
ṡṢ
Ṣṣ
ṣṤ
Ṥṥ
ṥṦ
Ṧṧ
ṧṨ
Ṩṩ
ṩṪ
Ṫṫ
ṫṬ
Ṭṭ
ṭṮ
Ṯṯ
ṯṰ
Ṱṱ
ṱṲ
Ṳṳ
ṳṴ
Ṵṵ
ṵṶ
Ṷṷ
ṷṸ
Ṹṹ
ṹṺ
Ṻṻ
ṻṼ
Ṽṽ
ṽṾ
Ṿṿ
ṿẀ
Ẁẁ
ẁẂ
Ẃẃ
ẃẄ
Ẅẅ
ẅẆ
Ẇẇ
ẇẈ
Ẉẉ
ẉẊ
Ẋẋ
ẋẌ
Ẍẍ
ẍẎ
Ẏẏ
ẏẐ
Ẑẑ
ẑẒ
Ẓẓ
ẓẔ
Ẕẕ
ẕẖ
ẖẗ
ẗẘ
ẘẙ
ẙẛ
ẛẠ
Ạạ
ạẤ
Ấấ
ấẦ
Ầầ
ầẪ
Ẫẫ
ẫẬ
Ậậ
ậẮ
Ắắ
ắẰ
Ằằ
ằẴ
Ẵẵ
ẵẶ
Ặặ
ặẸ
Ẹẹ
ẹẼ
Ẽẽ
ẽẾ
Ếế
ếỀ
Ềề
ềỄ
Ễễ
ễỆ
Ệệ
ệỊ
Ịị
ịỌ
Ọọ
ọỐ
Ốố
ốỒ
Ồồ
ồỖ
Ỗỗ
ỗỘ
Ộộ
ộỚ
Ớớ
ớỜ
Ờờ
ờỠ
Ỡỡ
ỡỢ
Ợợ
ợỤ
Ụụ
ụỨ
Ứứ
ứỪ
Ừừ
ừỮ
Ữữ
ữỰ
Ựự
ựỲ
Ỳỳ
ỳỴ
Ỵỵ
ỵỸ
Ỹỹ
ỹ 
 
 
 
 
 
 
 
 
 
 
​
‌
‍
‎
‏
‐
‐‑
‑‒
‒–
–—
—―
―‖
‖‘
‘’
’‚
‚“
“”
”„
„†
†‡
‡•
•․
․‥
‥…
…‪
 
‰
‰′
′″
″‴
‴‵
‵‶
‶‷
‷‹
‹›
›‼
‼‾
‾⁄
⁄⁇
⁇⁈
⁈⁉
⁉⁗
⁗ 
⁠
₨
₨€
€™
™∂
∂∆
∆∏
∏∑
∑√
√∞
∞∫
∫≈
≈≠
≠≤
≤≥
≥◊
◊
ff
fffi
fifl
flffi
ffiffl
fflſt
ſtst
st﬩
﬩Installing Webfonts
Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.
1. Upload your webfonts
You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.
2. Include the webfont stylesheet
A special CSS @font-face declaration developed by Paul Irish helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. The code for it is as follows:
@font-face {
font-family: 'WebFont';
src: url('WebFont.eot');
src: local('☺'),
url('WebFont.woff') format('woff'),
url('WebFont.ttf') format('truetype'),
url('WebFont.svg#webfont') format('svg');
}
We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
3. Modify your own stylesheet
To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:
p { font-family: 'WebFont', Arial, sans-serif; }
4. Test
Getting webfonts to work cross-browser can be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.