Fontų nuotykiai arba kaip mane @font-face išgelbėjo

Kuriant puslapį vienas svarbiausių dalykų- šriftai.
Ieškojau būdo, kaip portale frogsign.lt galėčiau panaudoti nestandartinį šriftą. Pasirodo yra daug būdų kaip tai galėčiau padaryti. Tad, pasirodo laikai, kai tekdavo naudoti vien Helvetic’ą ir Arial praėjo . Taigi populiariausi būdai pridėti nestandartinius šriftus kuriuos verta
paminėti yra: Cufón, sIFR, FLIR ir aišku draugiškasis @font-face.

Tagi apie kiekvieną iš jų smulkiau:

Cufón

Pakaknakamai paprastas nestandartiniu sriftu pridejimo i internetini puslapi budas.
Veikimas paremtas JavaScipt ir vlm (vector mark-up language). Veikia išskirtinai serveryje. Šis būdas man patiko, nes palaiko daugumą naršyklių.
Yra galimybė technologiją naudoti tik kelioms raidems. Palaiko css. Didžiausias trūkumas, pasirodė tai, kad negalima pažymėti ar kopijuoti teksto.

FLIR

Naudoja javaScript ir php šriftų generatorių, todėl teksto negalima pažymėti ir kopijuoti. Technologija taip pat reikalauja
specifinių serverio nustatymų, kurie pasitaiko retai talpinant puslapius.

sIFR

Naudoja Flash ir javascrip kombinaciją. Tchnologija yra leta. Aplikacijos, tokios kaip Ad-blocker gali uzblokuoti. Todėl pasirodė neverta dėmesio.

Typekit

Pirmasis ir vis dar vienas populiariausių @font-face projektų. Tai projektas turintis daugiausia šriftų. Deja, sriftu atsisiūsti už dyką negalima.
Yra taikomas metinis mokestis.

Google Fonts

Visi šriftai čia nemokami bei atviro kodo. Tai reiškia, kad nereikia galvoti apie licenzijavimą.
Google pats sugeneravo css kodą, kuri tereikejo įterpti i style.css. Vienintelis trūkumas, kad šriftų nėra daug.
Googlas pasiūle šiuos sriftus, turinčius lietuviškas raides:

http://www.google.com/webfonts/preview#font-family=Gruppo
http://www.google.com/webfonts/preview#font-family=Cuprum
http://www.google.com/webfonts/preview#font-family=Lekton
http://www.google.com/webfonts/preview#font-family=Cantarell
http://www.google.com/webfonts/preview#font-family=Radley

Mano projektui netiko nei vienas.

Font Squirrel @font-face Kits

Man šis puslapis tikrai patiko. Labai didelis net ir lituviškų šriftų pasirinkimas.
Lietuviski sriftai kuriuos radau:

http://www.fontsquirrel.com/fonts/Josefin
http://www.fontsquirrel.com/fonts/DejaVu-Sans
http://www.fontsquirrel.com/fonts/ubuntu
http://www.fontsquirrel.com/fonts/TeX-Gyre-Adventor
http://www.fontsquirrel.com/fonts/TeX-Gyre-Heros
http://www.fontsquirrel.com/fonts/Springsteel
http://www.fontsquirrel.com/fonts/TeX-Gyre-Termes
http://www.fontsquirrel.com/fonts/Anonymous-Pro
http://www.fontsquirrel.com/fonts/fr-hopper
http://www.fontsquirrel.com/fonts/calluna-sans

Nereikia galvoti apie licenzijas, nes visi jie atviro kodo.
Šiame puslapyje radau sriftus savo blogui Dejavu Sans bei kitas

Kokius šriftų formatus palaiko naršyklės?

• Internet Explorer’is bendrauja tik su EOT
• Mozilla bendrauja su OTF ir TTF
• Safari ir Opera bendrauja su OTF, TTF ir SVG
• Chrome palaiko TTF ir SVG.
• Safari naršykle Ipade ir Iphone bendrauja tik su SVG

Truputėli painu… Tai kaip isšsisukti iš tokios supintos situacijos?
Žodžiu, parsisiunčiau DejaVuSans sriftą iš http://www.fontsquirrel.com/fonts/DejaVu-Sans.

Į mystyle.css nukopijavau šitą kodą:

[code]@font-face {
font-family: 'DejaVuSansBook';
src: url('dejavusans-webfont.eot');
src: url('dejavusans-webfont.eot?iefix') format('eot'),
url('dejavusans-webfont.woff') format('woff'),
url('dejavusans-webfont.ttf') format('truetype'),
url('dejavusans-webfont.svg#webfontxYNLsRjp') format('svg');
font-weight: normal;
font-style: normal;
}[/code]
Tada iškyla dar viena problema. Iš fontsquirrel.com sriftą DejaVuSans.ttf galima atsisiūsti tik .ttf fromate.
Teko praktiškai išbandyti @font-face Generator iš fontsquirrel.com, tam kad, gaučiau reikalingus šrifto formatus.

Na, o html faile įterpiu šita, ten kur, reikia naujo šrifto:

[code]font-family: DejaVuSans, Georgia, Palatino, Times New Roman, serif;[/code]

Taigi,  išvada:

@font-face tikrai mane išgelbėjo. Blogas frogsign.lt tapo labiau suasmenintas, nes pasirinkau nestandartinį šrifta.
Font Squirrel @font-face Kits radau srifta kuris tinka mano portalui.
Na, o dėl lietuviškų raidžiu, pasirodo pasirinkimas tikrai netoks skurdus kaip galvojau prieš kurdamas portalą.
Sakyčiau didelis respektas @font-face. Nuo dabar mes neišskiriami draugai.