Manualai.lt Forumas

HTML, CSS ir JavaScript diskusijos => Naudingas kodas => Temą pradėjo: Interneto keleivis 2013-01-17 20:49:54 pm

Antraštė: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Interneto keleivis 2013-01-17 20:49:54 pm
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:
@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ų.
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Modestas Vaitkevičius 2013-01-17 20:50:43 pm
Buvo ir buvo pasakyta, kad šito geriau nenaudoti :)
Ne visos naršyklės tai palaiko, o ypač vienodai :) Geriau naudoti default font'us :)
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Interneto keleivis 2013-01-17 21:40:44 pm
Nes tai CSS3. Man pvz per firefox, google chrome veikia. IE nepalaiko, bet dėl to aš nepergyvenu.
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Modestas Vaitkevičius 2013-01-17 21:41:21 pm
Telefonai taip pat nepalaiko, o jie palaiko ne vieną CSS3 elementą :)
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Irmis 2013-01-18 22:20:53 pm
... 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" ;)
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Lukas 2013-01-21 09:52:04 am
jei jau nori custom sriftu, rekomenduoju goolge fonts

http://www.google.com/webfonts (http://www.google.com/webfonts)
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Interneto keleivis 2013-01-29 23:59:42 pm
... 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.
Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: Lukas 2013-01-30 09:34:59 am
... 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.. :)


Antraštė: Ats: [Pamokėlė] Kaip naudoti svetainėje „savo'' šriftą
Parašė: justinas 2013-07-21 19:08:27 pm
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 (https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face)
http://caniuse.com/#search=font (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/ (https://www.google.com/fonts/)