Pitanje oko fonta

Gdje ove profi stranice nabavljaju fontove i kako oni rade svima? Npr. i ja sam skinuo neki free font sa devianart i instalirao ga sebi i on meni radi u fireworsku a i u cssu ali samo na mom računalu, drugima neće raditi jer ga oni nemaju instaliranog na svom?

Zato me mući, kako oni koriste te fontove koji nisu web safe?

Jednostavno koristiš Google font na web stranicama. Font koji instaliraš na svom računalu i staviš da ti prikazuje na web stranici prikazivati će samo tebi i posjetiteljima koji imaju instaliran taj font.
Kod Google fonta svi vide font koji si odabrao na web stranici.
Možeš koristiti i opcije zamjene fonta preko javascript bibilioteka (jedna od opcija - cufon ) na način da pretvoriš font koji imaš kod sebe u oblik pogodan za integraciju na web stranicu te ga postaviš za određene tagove ili čitav tekst…
no mislim da je opcija s Google fontom jednostavnija.

Inace, imas Google fonts (free) ili Typekit (paid). Ima ih jos ali ove dvije usluge sam koristio i mogu ih preporuciti.

Jedan mali problem kod Cufon integracije je što velika većina fontova koji se konvertiraju nemaju naša slova pa ih je potrebno ubaciti u font. Naravno ako ti je to potrebno za web stranice na jezicima hr, ser, bh i dr. Konkretno mislim na slova ČĆŠĐŽ čćžšđ :slight_smile:
ps.
No primjetio sam i kod nekih većih portala da im font nije napravljen kak’ spada pa im neka slova naše abecede prikazuju u jednom fontu a druga u drugom…

Ako sam dobro razumio, ako koristim fontove od tu https://www.google.com/fonts oni će raditi svima na webu?
Baš sam skidao neke sa http://www.fontsquirrel.com/ , ti ne spadaju u web safe?

Kužim sad kako radi, ubaci se ovaj dio u head

i onda ga on učitava sa google servera.

Znaći ovaj http://www.fontsquirrel.com/ opada.

Imaš na Google Fontovima kako se includaju na stranicu, ako sve dobro napraviš radit će svima s tim da je dobro napraviti i neki fallback font.

Dosta poznatih koristi TypeKit od Adobea.

gledaj kad uzimaš font za naše govorno područje da odabereš pod Script > Latin extended.
Neki fontovi imaju neki ne i naša slova. Za engleski nije potrebno .

www.dafont.com 20 znakova…

Ako ti hostuješ kod sebe fontove onda:

@font-face {
font-family: ‘MyWebFont’;
src: url(‘myfont.woff2’) format(‘woff2’),
url(‘myfont.woff’) format(‘woff’),
url(‘myfont.ttf’) format(‘truetype’);
}

ili Google fonts ili nešto slično…

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Tangerine">