| 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 Saira Condensed Regular in this kit supports the following languages:
+
+ Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French,
+ Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish,
+ Alsatian, Aragonese, Arapaho, Arrernte, Asturian, Aymara, Bislama, Cebuano, Corsican,
+ Fijian, French_creole, Genoese, Gilbertese, Greenlandic, Haitian_creole, Hiligaynon, Hmong,
+ Hopi, Ibanag, Iloko_ilokano, Indonesian, Interglossa_glosa, Interlingua, Irish_gaelic,
+ Jerriais, Lojban, Lombard, Luxembourgeois, Manx, Mohawk, Norfolk_pitcairnese, Occitan,
+ Oromo, Pangasinan, Papiamento, Piedmontese, Potawatomi, Rhaeto-romance, Romansh, Rotokas,
+ Sami_lule, Samoan, Sardinian, Scots_gaelic, Seychelles_creole, Shona, Sicilian, Somali,
+ Southern_ndebele, Swahili, Swati_swazi, Tagalog_filipino_pilipino, Tetum, Tok_pisin,
+ Uyghur_latinized, Volapuk, Walloon, Warlpiri, Xhosa, Yapese, Zulu, Latinbasic, Ubasic, Demo
+
Glyph Chart
+The subset of Saira Condensed Regular 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
0 +1
1 +2
2 +3
3 +4
4 +5
5 +6
6 +7
7 +8
8 +9
9 +:
: +;
; +<
< +=
= +>
> +?
? +@
@ +A
A +B
B +C
C +D
D +E
E +F
F +G
G +H
H +I
I +J
J +K
K +L
L +M
M +N
N +O
O +P
P +Q
Q +R
R +S
S +T
T +U
U +V
V +W
W +X
X +Y
Y +Z
Z +[
[ +\
\ +]
] +^
^ +_
_ +`
` +a
a +b
b +c
c +d
d +e
e +f
f +g
g +h
h +i
i +j
j +k
k +l
l +m
m +n
n +o
o +p
p +q
q +r
r +s
s +t
t +u
u +v
v +w
w +x
x +y
y +z
z +{
{ +|
| +}
} +~
~ + 
+¡
¡ +¢
¢ +£
£ +¤
¤ +¥
¥ +¦
¦ +§
§ +¨
¨ +©
© +ª
ª +«
« +¬
¬ +­
+®
® +¯
¯ +°
° +±
± +²
² +³
³ +´
´ +µ
µ +¶
¶ +·
· +¸
¸ +¹
¹ +º
º +»
» +¼
¼ +½
½ +¾
¾ +¿
¿ +À
À +Á
Á +Â
 +Ã
à +Ä
Ä +Å
Å +Æ
Æ +Ç
Ç +È
È +É
É +Ê
Ê +Ë
Ë +Ì
Ì +Í
Í +Î
Î +Ï
Ï +Ð
Ð +Ñ
Ñ +Ò
Ò +Ó
Ó +Ô
Ô +Õ
Õ +Ö
Ö +×
× +Ø
Ø +Ù
Ù +Ú
Ú +Û
Û +Ü
Ü +Ý
Ý +Þ
Þ +ß
ß +à
à +á
á +â
â +ã
ã +ä
ä +å
å +æ
æ +ç
ç +è
è +é
é +ê
ê +ë
ë +ì
ì +í
í +î
î +ï
ï +ð
ð +ñ
ñ +ò
ò +ó
ó +ô
ô +õ
õ +ö
ö +÷
÷ +ø
ø +ù
ù +ú
ú +û
û +ü
ü +ý
ý +þ
þ +ÿ
ÿ +Œ
Œ +œ
œ +Ÿ
Ÿ +ˆ
ˆ +˜
˜ + 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+ 
+‐
‐ +‑
‑ +‒
‒ +–
– +—
— +‘
‘ +’
’ +‚
‚ +“
“ +”
” +„
„ +•
• +…
… + 
+‹
‹ +›
› + 
+€
€ +™
™ +◼
◼ +fi
fi +fl
fl +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 helps the various browsers select the appropriate font + it needs without causing you a bunch of headaches. Learn more about this syntax by reading + the Fontspring + blog post about it. The code for it is as follows:
+ + +
+@font-face{
+ font-family: 'MyWebFont';
+ src: url('WebFont.eot');
+ src: url('WebFont.eot?#iefix') format('embedded-opentype'),
+ 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.
+