[Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą

[Interneto keleivis]

Tikriausiai yra kam buvę, jog norimo šrifto buvo negalima naudoti savo svetainėje - paprasčiausiai nurodyto šrifto nepalaikydavo ir vietoj norimo šrifto atvaizduodavo Time New Roman. Pateikiu trumpą kodą, pagal kurį galite naudoti kitokį nei defaultinį šriftą.

Pirmiausiai reikia paties šrifto failą - .ttf, .eof, ar kitokia šriftų failų galūne. Į css failą ar <style> tagus reikia patalpinti tokias eilutes:

Kodas: [Pasirinkti]

@font-face
{
font-family: manoPirmasSriftas;
src: url('strenuou.ttf'); // nurodote failą, šiuo atveju aš nurodžiau pas mane esantį failą
}
body {
font-family: manoPirmasSriftas; // nurodome kokį naudosime srifta.
}

* šriftų failas turi būti šalia svetainės failų.

[Modestas Vaitkevičius]

Buvo ir buvo pasakyta, kad šito geriau nenaudoti
Ne visos naršyklės tai palaiko, o ypač vienodai Geriau naudoti default font'us

[Interneto keleivis]

Nes tai CSS3. Man pvz per firefox, google chrome veikia. IE nepalaiko, bet dėl to aš nepergyvenu.

[Modestas Vaitkevičius]

Telefonai taip pat nepalaiko, o jie palaiko ne vieną CSS3 elementą

[Irmis]

... IE nepalaiko, bet dėl to aš nepergyvenu.

O mano svetainę varto vienodai vartotojų tiek su IE, tiek su FF. Aš dėl to "pergyvenu"

[Lukas]

jei jau nori custom sriftu, rekomenduoju goolge fonts

http://www.google.com/webfonts

[Interneto keleivis]

... IE nepalaiko, bet dėl to aš nepergyvenu.

O mano svetainę varto vienodai vartotojų tiek su IE, tiek su FF. Aš dėl to "pergyvenu"

Kuo greičiau atsisakysim blogybių, tuo greičiau judėsim tobulybės link.

[Lukas]

... IE nepalaiko, bet dėl to aš nepergyvenu.

O mano svetainę varto vienodai vartotojų tiek su IE, tiek su FF. Aš dėl to "pergyvenu"

Kuo greičiau atsisakysim blogybių, tuo greičiau judėsim tobulybės link.

mes atsisakyti galim IE, taciau kiti to nepadaro, todel pvz free-templates.lt sudinai rode per IE, o pas mane kruva indu ateina panarsyt, daugelis is ju su IE ir dar tikrai nenaujausiu. pagerinus ie kokybe lankomumas pakilo, user drop rate sumazejo.

isvada tokia, kad labai priklauso ie palaikyti ar ne nuo to, ka naudoja tavo klientai. Gali ideti kazkokius pranesimus "paskatinimus" isidiegti chrome ar kt. modernia narsykle, bet taip, kad visiskai spjaut i ie - nelabai gerai.

zinau tiksliai, kad kai kurias svetaines testavo net su ie5... nors youtube'as jau nepalaiko ie6 ^^ aisku su ie senais yra daroma taip, kad butu imanoma svetaine naudotis apskritai, neziurint jau groziu..

[justinas]

Nereikia nusišnekėti – joks ne CSS3, palaiko ir IE – nuo pat 4.0 versijos! (bent taip rašo MDN) Tik reikia atskirų šriftų formatų, kadangi senesni IE palaiko tik EOT, standartas – TTF, o dar yra WOFF.

https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face
http://caniuse.com/#search=font

Google Fonts dar supaprastina šitą reikalą, siūlydami galybę šriftų ir dar automatiškai parinkdami tinkamą formatą pagal User-Agent (turbūt?). Tik atidžiai rinkitės – reikia atskirai pažymėti tam tikrus raidynus (tarp jų ir lietuvių) bei svorius („storumą“). Viską defaultu parsiuntinėti būtų labaaai neefektyvu.
https://www.google.com/fonts/