diff --git a/BackendServers/WebServer/Fonts/Kit/sairacondensed-regular-demo - Copy.html b/BackendServers/WebServer/Fonts/Kit/sairacondensed-regular-demo - Copy.html deleted file mode 100644 index 1caecbc5c..000000000 --- a/BackendServers/WebServer/Fonts/Kit/sairacondensed-regular-demo - Copy.html +++ /dev/null @@ -1,1316 +0,0 @@ - - - - - - - - - - - - - - Saira Condensed Regular Specimen - - - - - - -
- - - -
- - -
- -
-
-
AaBb
-
-
- -
-
- 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​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​1​2​3​4​5​6​7​8​9​0​&​.​,​?​!​@​(​)​#​$​%​*​+​-​=​:​; -
-
-
-
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
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 -
- -
- -
- - - -
- - -
-
- ◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼◼body -
-
body
-
body
-
body
-
-
- bodySaira Condensed Regular -
-
- bodyArial -
-
- bodyVerdana -
-
- bodyGeorgia -
- - - -
- - -
- -
-

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

- -

By Aenean Lacinia

-
-
-
-
-

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.

-
- -
- -
-

Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper - nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed - posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing - elit.

-
- -

Maecenas sed diam eget risus varius.

- -

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis - dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere - consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. - Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa - justo sit amet risus.

- - - -

Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec - elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue - laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam - quis risus eget urna mollis ornare vel eu leo.

- -

Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla - non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac - cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. -

- -
-
- -
- - - - - - -
-
-
- -

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 -
-
-

:

: -
-
-

&#59;

; -
-
-

<

< -
-
-

&#61;

= -
-
-

&#62;

> -
-
-

&#63;

? -
-
-

&#64;

@ -
-
-

&#65;

A -
-
-

&#66;

B -
-
-

&#67;

C -
-
-

&#68;

D -
-
-

&#69;

E -
-
-

&#70;

F -
-
-

&#71;

G -
-
-

&#72;

H -
-
-

&#73;

I -
-
-

&#74;

J -
-
-

&#75;

K -
-
-

&#76;

L -
-
-

&#77;

M -
-
-

&#78;

N -
-
-

&#79;

O -
-
-

&#80;

P -
-
-

&#81;

Q -
-
-

&#82;

R -
-
-

&#83;

S -
-
-

&#84;

T -
-
-

&#85;

U -
-
-

&#86;

V -
-
-

&#87;

W -
-
-

&#88;

X -
-
-

&#89;

Y -
-
-

&#90;

Z -
-
-

&#91;

[ -
-
-

&#92;

\ -
-
-

&#93;

] -
-
-

&#94;

^ -
-
-

&#95;

_ -
-
-

&#96;

` -
-
-

&#97;

a -
-
-

&#98;

b -
-
-

&#99;

c -
-
-

&#100;

d -
-
-

&#101;

e -
-
-

&#102;

f -
-
-

&#103;

g -
-
-

&#104;

h -
-
-

&#105;

i -
-
-

&#106;

j -
-
-

&#107;

k -
-
-

&#108;

l -
-
-

&#109;

m -
-
-

&#110;

n -
-
-

&#111;

o -
-
-

&#112;

p -
-
-

&#113;

q -
-
-

&#114;

r -
-
-

&#115;

s -
-
-

&#116;

t -
-
-

&#117;

u -
-
-

&#118;

v -
-
-

&#119;

w -
-
-

&#120;

x -
-
-

&#121;

y -
-
-

&#122;

z -
-
-

&#123;

{ -
-
-

&#124;

| -
-
-

&#125;

} -
-
-

&#126;

~ -
-
-

&#160;

  -
-
-

&#161;

¡ -
-
-

&#162;

¢ -
-
-

&#163;

£ -
-
-

&#164;

¤ -
-
-

&#165;

¥ -
-
-

&#166;

¦ -
-
-

&#167;

§ -
-
-

&#168;

¨ -
-
-

&#169;

© -
-
-

&#170;

ª -
-
-

&#171;

« -
-
-

&#172;

¬ -
-
-

&#173;

­ -
-
-

&#174;

® -
-
-

&#175;

¯ -
-
-

&#176;

° -
-
-

&#177;

± -
-
-

&#178;

² -
-
-

&#179;

³ -
-
-

&#180;

´ -
-
-

&#181;

µ -
-
-

&#182;

¶ -
-
-

&#183;

· -
-
-

&#184;

¸ -
-
-

&#185;

¹ -
-
-

&#186;

º -
-
-

&#187;

» -
-
-

&#188;

¼ -
-
-

&#189;

½ -
-
-

&#190;

¾ -
-
-

&#191;

¿ -
-
-

&#192;

À -
-
-

&#193;

Á -
-
-

&#194;

 -
-
-

&#195;

à -
-
-

&#196;

Ä -
-
-

&#197;

Å -
-
-

&#198;

Æ -
-
-

&#199;

Ç -
-
-

&#200;

È -
-
-

&#201;

É -
-
-

&#202;

Ê -
-
-

&#203;

Ë -
-
-

&#204;

Ì -
-
-

&#205;

Í -
-
-

&#206;

Î -
-
-

&#207;

Ï -
-
-

&#208;

Ð -
-
-

&#209;

Ñ -
-
-

&#210;

Ò -
-
-

&#211;

Ó -
-
-

&#212;

Ô -
-
-

&#213;

Õ -
-
-

&#214;

Ö -
-
-

&#215;

× -
-
-

&#216;

Ø -
-
-

&#217;

Ù -
-
-

&#218;

Ú -
-
-

&#219;

Û -
-
-

&#220;

Ü -
-
-

&#221;

Ý -
-
-

&#222;

Þ -
-
-

&#223;

ß -
-
-

&#224;

à -
-
-

&#225;

á -
-
-

&#226;

â -
-
-

&#227;

ã -
-
-

&#228;

ä -
-
-

&#229;

å -
-
-

&#230;

æ -
-
-

&#231;

ç -
-
-

&#232;

è -
-
-

&#233;

é -
-
-

&#234;

ê -
-
-

&#235;

ë -
-
-

&#236;

ì -
-
-

&#237;

í -
-
-

&#238;

î -
-
-

&#239;

ï -
-
-

&#240;

ð -
-
-

&#241;

ñ -
-
-

&#242;

ò -
-
-

&#243;

ó -
-
-

&#244;

ô -
-
-

&#245;

õ -
-
-

&#246;

ö -
-
-

&#247;

÷ -
-
-

&#248;

ø -
-
-

&#249;

ù -
-
-

&#250;

ú -
-
-

&#251;

û -
-
-

&#252;

ü -
-
-

&#253;

ý -
-
-

&#254;

þ -
-
-

&#255;

ÿ -
-
-

&#338;

Π-
-
-

&#339;

œ -
-
-

&#376;

Ÿ -
-
-

&#710;

ˆ -
-
-

&#732;

˜ -
-
-

&#8192;

  -
-
-

&#8193;

  -
-
-

&#8194;

  -
-
-

&#8195;

  -
-
-

&#8196;

  -
-
-

&#8197;

  -
-
-

&#8198;

  -
-
-

&#8199;

  -
-
-

&#8200;

  -
-
-

&#8201;

  -
-
-

&#8202;

  -
-
-

&#8208;

‐ -
-
-

&#8209;

‑ -
-
-

&#8210;

‒ -
-
-

&#8211;

– -
-
-

&#8212;

— -
-
-

&#8216;

‘ -
-
-

&#8217;

’ -
-
-

&#8218;

‚ -
-
-

&#8220;

“ -
-
-

&#8221;

” -
-
-

&#8222;

„ -
-
-

&#8226;

• -
-
-

&#8230;

… -
-
-

&#8239;

  -
-
-

&#8249;

‹ -
-
-

&#8250;

› -
-
-

&#8287;

  -
-
-

&#8364;

€ -
-
-

&#8482;

™ -
-
-

&#9724;

◼ -
-
-

&#64257;

fi -
-
-

&#64258;

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.

-
- -
-
-

Troubleshooting
Font-Face Problems

-

Having trouble getting your webfonts to load in your new website? Here are some tips to - sort out what might be the problem.

- -

Fonts not showing in any browser

- -

This sounds like you need to work on the plumbing. You either did not upload the fonts to - the correct directory, or you did not link the fonts properly in the CSS. If you've - confirmed that all this is correct and you still have a problem, take a look at your - .htaccess file and see if requests are getting intercepted.

- -

Fonts not loading in iPhone or iPad

- -

The most common problem here is that you are serving the fonts from an IIS server. IIS - refuses to serve files that have unknown MIME types. If that is the case, you must set - the MIME type for SVG to "image/svg+xml" in the server settings. Follow these - instructions from Microsoft if you need help.

- -

Fonts not loading in Firefox

- -

The primary reason for this failure? You are still using a version Firefox older than - 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a - different domain. Firefox requires that all font assets be served from the same domain. - Lastly it is possible that you need to add WOFF to your list of MIME types (if you are - serving via IIS.)

- -

Fonts not loading in IE

- -

Are you looking at Internet Explorer on an actual Windows machine or are you cheating by - using a service like Adobe BrowserLab? Many of these screenshot services do not render - @font-face for IE. Best to test it on a real machine.

- -

Fonts not loading in IE9

- -

IE9, like Firefox, requires that fonts be served from the same domain as the website. - Make sure that is the case.

-
-
-
- -
- -
- -
- - - \ No newline at end of file diff --git a/BackendServers/WebServer/Fonts/Kit/sairacondensed-regular-demo.html b/BackendServers/WebServer/Fonts/Kit/sairacondensed-regular-demo.html deleted file mode 100644 index 140baf086..000000000 --- a/BackendServers/WebServer/Fonts/Kit/sairacondensed-regular-demo.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - - - -
- - - -
- - - \ No newline at end of file diff --git a/BackendServers/WebServer/Fonts/Saira-Condensed.woff2 b/BackendServers/WebServer/Fonts/Saira-Condensed.woff2 new file mode 100644 index 000000000..8a7ff57d0 Binary files /dev/null and b/BackendServers/WebServer/Fonts/Saira-Condensed.woff2 differ diff --git a/BackendServers/WebServer/Fonts/Saira.woff2 b/BackendServers/WebServer/Fonts/Saira.woff2 new file mode 100644 index 000000000..5c1b242e1 Binary files /dev/null and b/BackendServers/WebServer/Fonts/Saira.woff2 differ diff --git a/BackendServers/WebServer/main.css b/BackendServers/WebServer/main.css new file mode 100644 index 000000000..ade4c347a --- /dev/null +++ b/BackendServers/WebServer/main.css @@ -0,0 +1,16 @@ +/* latin */ +@font-face { + font-family: 'Saira'; + font-style: normal; + font-weight: 300; + src: local('Saira Light'), local('Saira-Light'), url(http://localhost:WEB_SERVER_PORT/Fonts/Saira.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} +/* latin */ +@font-face { + font-family: 'Saira Condensed'; + font-style: normal; + font-weight: 300; + src: local('Saira Condensed Light'), local('SairaCondensed-Light'), url(http://localhost:WEB_SERVER_PORT/Fonts/Saira-Condensed.woff2) format('woff2'); + unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; +} \ No newline at end of file