Svaki web dizajner sanja o izradi web stranice s prekrasnom tipografijom. Nažalost, preglednici podržavaju samo nekoliko tipova, takozvanih "web-safe" fontova. Standardni set uključuje sljedeće fontove: Arial, Verdana, Vremena, Gruzija, Kurir nova i nekoliko drugih.
Slušalice definira skup jednog ili više fontova, od kojih se svaki sastoji od simbola koji imaju zajedničke značajke dizajna - težinu, stil, dizajn, vrstu, gustoću, veličinu, na primjer, fontovi bez serifa (ili bez serifa), serifni fontovi (antiqua) . Pismo se sastoji od skupa znakova (brojeva, slova, interpunkcijskih znakova, posebnih znakova, može se sastojati i od neabecednih znakova).
Font Skup je znakova određene veličine, težine i stila. Na primjer, kurziv Times New Roman 16px je jedan font, a Times New Roman kurziv 10px je drugačiji.
@ Pravilo font-face omogućuje vam povezivanje raznih prilagođenih fontova. Preglednik učitava fontove u predmemoriju i koristi ih za stiliziranje teksta na stranici. Ovaj pristup se zove ugrađivanje fontova a ugrađeni fontovi su web fontove.
Pravilo @ font-face treba staviti ispred svih ostalih css pravila, jer će to poboljšati performanse stranice. Preuzeti fontovi mogu se smjestiti u posebnu mapu fontova kreiranu na poslužitelju.
Da biste povezali font pomoću pravila @ font-face, trebate:
1) prenesite datoteku fonta na poslužitelj u više formata za podršku svih preglednika,
2) navedite naziv fonta, dodajte vezu na datoteku i postavite opis fonta,
3) dodajte naziv fonta svojstvu font-family elementa koji će biti prikazan s ovim fontom.
@ font-face (familija fontova: "WebFont"; src: url (WebFont.eot?) format ("eot"), / * IE8 +, znak? vam omogućuje da zaobiđete bug u rukovatelju vrijednosti src * / url (WebFont.woff) format ("woff"), / * svi moderni preglednici, IE9 + * / url (WebFont.ttf) format ("truetype"); / * svi moderni preglednici * /) p (familija fontova: "WebFont", Arial, bez serifa;)
Ovaj kod govori pregledniku da prikaže tekst unutar elementa
Korištenje WebFonta. Ako preglednik iz nekog razloga ne može učitati ovaj font, odabrat će odgovarajući s popisa fontova. Prolazi kroz njih prikazanim redoslijedom dok ne pronađe font koji može uspješno koristiti.
Unutar svake obitelji fontova možete definirati do devet težina (težina). Stoga, za svaki ugrađeni font, kao i za svaki stil, trebate postaviti zasebno pravilo @ font-face, t.j. ne možete u jednom pravilu deklarirati dva različita fonta ili font iste obitelji, ali različite stilove i težine.
@ font-face (font-family: "WebFont"; src: url (WebFont.eot?) format ("eot"), url (WebFont.woff) format ("woff"), url (WebFont.ttf) format ( "truetype"); font-weight: bold; font-style: italic;) @ font-face (font-family: "WebFont"; src: url (WebFont.eot?) format ("eot"), url (WebFont) .woff) format ("woff"), url (WebFont.ttf) format ("truetype"); font-weight: 400; font-style: normal;)
Općenito, možete postaviti sljedeća svojstva za font:
@ font-face (font-family: "FontName"; src: url () format (""); font-variant:; font-stretch:; font-weight:; font-style:;)
Ako pretpostavite da je ovaj font instaliran na korisničkom računalu i želite da se font učita tek nakon što korisnik potvrdi da je dostupan, tada možete koristiti lokalnu () vrijednost za postavljanje adrese:
@ font-face (familija fontova: "WebFont"; src: lokalni ("WebFont"), url (WebFont.eot?) format ("eot"), url (WebFont.woff) format ("woff"), url (WebFont.ttf) format ("truetype"); težina fonta: podebljano; stil fonta: kurziv;)
Formati web fontova
Svojstvo @ font-face ima dobru podršku preglednika, ali različiti preglednici koriste različite formate fontova. Postoje četiri glavna formata fonta:
WOFF format(Web Open Font Format), otvoreni format web fontova koji je razvila Mozilla. Tehnički, WOFF se ne može nazvati formatom fonta, jer je to samo omot s funkcijom kompresije. Format komprimira fontove u TTF / OTF formatu za korištenje na Internetu. Također, WOFF vam omogućuje dodavanje metapodataka u datoteku, kao što su informacije o licenci.
OTF / TTF formati(OpenType Font i TrueType Font) rade u većini preglednika. Oba formata su slobodno dostupna.
EOT format(Embedded Open Type), koju je izradio Microsoft, komprimirana je kopija TTF fonta, koji je zabranjen za ponovnu upotrebu tehnologijama upravljanja digitalnim pravima (DRM). Podržano samo u IE 8 i novijim verzijama.
SVG / SVGZ(Vektorska grafika Scalabe) - Vrsta datoteke fonta koja predstavlja vektorski stil fonta. Obično ima manje veličine datoteka, što omogućuje bolju izvedbu na mobilnim uređajima. Radi u Opera Mobile i iOS Safariju.
Složenost korištenja ugrađenih fontova
1) Datoteke fontova mogu biti velike, pa dodavanje @ font-face u nekim slučajevima usporava učitavanje stranice.
2) Određeni fontovi imaju licencna ograničenja koja ne dopuštaju besplatnu upotrebu.
3) Neki fontovi jednostavno izgledaju loše na web stranicama.
TrueType fontovi mogu se skalirati na bilo koju veličinu, a da budu jasni i laki za čitanje. Mogu se poslati na bilo koji pisač ili drugi izlazni uređaj koji podržava Windows.
OpenType fontovi povezane s TrueType fontovima, ali obično koriste široku paletu osnovnih znakova, kao što su manja slova, stari brojevi i dodatni oblici (kao što su glifovi i ligature). OpenType fontovi mogu se skalirati na bilo koju veličinu te su jasni i laki za čitanje. Mogu se poslati na pisač ili drugi izlazni uređaj koji podržava Windows.
PostScript fontovi detaljna i kvalitetna grafika. Koriste se za tisak, posebno za profesionalni visokokvalitetni tisak knjiga i časopisa.
Koji font odabrati
Ovisi o mnogim čimbenicima. Ako želite font koji se lako čita na ekranu i papiru, najbolji je izbor TrueType font.
Ako vam je potreban veliki skup znakova za korištenje jezičnih naljepnica i tipografski ispis, trebali biste ga koristiti OpenType font.
Za profesionalne publikacije (kao što je sjajni časopis) ili industrijski tisak, odaberite PostScript.
Pozdrav, Habr!
Već je napisano brdo članaka koji opisuju različite aspekte rada s web fontovima, prikupljeno je mnogo primjera rada, ali svakodnevno se i dalje suočavamo s elementarnim nerazumijevanjem što su web fontovi. Nemaju svi vremena guglati materijale na ovu temu, pa sam pokušao dati odgovore na često postavljana pitanja. Ovaj će materijal biti zanimljiv prvenstveno onima koji još nisu ušli u zamršenosti tehnologija fontova.
01. Zašto su nam uopće potrebni web fontovi, zašto ne koristiti standardne?
Prvo što mi pada na pamet je da su standardni fontovi užasno dosadni, a uz njihovu pomoć teško je napraviti nešto originalno. U pravilu, većina njih donosi tugu i obeshrabrenje ne samo korisnicima, već i web dizajnerima. U ovom slučaju, nestandardni fontovi su izražajniji, a osim toga, ima ih za red veličine više, tako da postoji što za izabrati. Također, font je sastavni dio brenda, pa ga svaka tvrtka nastoji aktivnije koristiti, jer se pojavila takva tehnička prilika.I bilo bi moguće potpuno napustiti standardne fontove, pogotovo jer ih mnogi mobilni operativni sustavi ne podržavaju (na primjer, Arial, Taһoma, Verdana i Georgia). No, nažalost, industrija, koja se već dugi niz godina prilagođava zaslonima od 96 DPI i Georgia Verdans, pokazala se nespremnom za brze promjene, a na starim Windows operativnim sustavima i dalje postoje problemi s prikazivanjem nestandardnih fontova zbog na osobitosti mehanizma rasterizacije.
02. Kako odabrati dobar web font?
Pismo nije samo digitalizirani skup slova stvoren kistom na papiru ili u ilustratoru, već je i 98% dorade i poliranja, nagovještaja i testiranja na raznim medijima iu različitim veličinama. Takav font izgleda dobro, stil mu je usavršen, s njim neće biti problema ni na printeru ni na ekranu, odiše dobrom kvalitetom.No, pri odabiru fonta nije puno važnije čak ni to, već primjerenost i usklađenost fonta s načinom korištenja i zadacima koji su mu dodijeljeni. Ako radite s fontovima, morate razumjeti kako sve to funkcionira koje se tehnologije koriste. To će vam pomoći da ne zadržite u glavi hrpu nerazumljivih naučenih pravila, zarobljenih u djelićima. Primjerice, svaki pisač koji poštuje sebe zna zašto je nepoželjno koristiti TrueType fontove u ofsetnom tisku, koji se fontovi mogu koristiti kao tekstualni fontovi, a koji samo za naslove ili indekse. Ako to ne zna, morat će ponovno tiskati ogromnu nakladu, a na poslu će se suočavati s stalnim iznenađenjima i problemima. Nevjerojatno je zašto nitko ne postavlja nikakve zahtjeve pred web dizajnere.
03. Kako preglednici prikazuju fontove?
Često sam čuo da preglednici sami renderiraju fontove pa svugdje izgledaju drugačije. Ali u stvari, poseban grafički podsustav OS-a je uključen u renderiranje fontova: u sustavu Windows je GDI ili DirectWrite, a na OS X i iOS - CoreText(i ranije QuickDraw). Ukupno postoje 3 uobičajena mehanizma rasterizacije (renderiranja) fonta: dvobojni (crno-bijeli) piksel, jednobojni piksel (često se naziva i antialiasing ili regularni anti-aliasing) i subpiksel. Subpiksel koristi značajku LCD i plazma zaslona gdje je svaki piksel podijeljen na 3 dijela (crveni, zeleni i plavi) kako bi se povećala horizontalna razlučivost prikazane slike i poboljšala jasnoća.
Međutim, preglednici biraju vlastitu metodu prikazivanja od onih koje nudi OS. Na primjer, GDI ima 3 opcije renderiranja: b/w, redovno anti-aliasing i subpixel Cleartype... Posebnost potonjeg je da se anti-aliasing događa samo vodoravno, u skladu s položajem podpiksela. Zbog toga često vidimo užasne izbočine u horizontalnim i dijagonalnim potezima kada ga koristimo. Srećom, Microsoft je počeo polako poboljšavati mehanizam, a tehnologija DirectWrite zamijenila je GDI, gdje se pojavilo vertikalno anti-aliasing. usporedi:
04. TTF ili OTF?
TrueType i PostScript su izvorno bili različiti formati fontova. TrueType koristi kvadratne Bézierove krivulje, dok PostScript koristi kubične krivulje poznate dizajnerima koji rade u Illustratoru i Photoshopu. Danas se oba načina opisivanja krivulja koriste kao dio istog OpenType formata, s jedinom razlikom što datoteke s TrueTypeom imaju TTF ekstenziju, a s PostScript - OTF. Svaka od tehnologija ima svoje karakteristike nagoveštaja i specifičnu primjenu.
Pogledaj sliku. Ako je TrueType font puno čitljiviji u maloj veličini, ali u velikoj veličini vidimo karakteristične zube, onda je za PostScript font sve upravo suprotno. To je zato što preglednici biraju različite metode rasterizacije za PS i TT. Za PS je preglednik primijenio uobičajeni monokromatski anti-aliasing, a TT je obradio ClearType. Dakle, ispada da je TrueType poželjniji za tekstualne fontove, a PostScript za naslove i velike oznake.
Također vidimo da svi preglednici još ne koriste DirectWrite. Dakle, još uvijek nije u Google Chromeu.
05. Što još utječe na prikaz?
Ponekad je bolje ručno postaviti metodu rasterizacije. Na primjer, u preglednicima s Webkit motorom, možete koristiti svojstvo CSS - webkit-font-smoothing i ručno omogući normalno anti-aliasing umjesto subpikselnog anti-aliasinga, i obrnuto. Postoje i netrivijalni načini da se preglednik natjera da promijeni metodu rasterizacije; Habré je jednom predložio korištenje hacka sa sjenkom teksta.Ne zaboravite na veličinu fonta. Oblik obrisa, kontrast poteza i čitljivost mogu se uvelike razlikovati od veličine do veličine. Ostavite svoj grafički uređivač po strani i pogledajte kako web font izgleda u pregledniku, u uvjetima borbe.
Drugi način da se glačaju nesavršenosti anti-aliasinga je upravljanje bojama i kontrastom. Da biste smanjili efekt kromatskog obrisa (žuti i magenta obrisi se pojavljuju oko rubova kada koristite ClearType), možete pokušati smanjiti tonski kontrast približavanjem boje pozadine boji teksta. Nemojte se previše zanositi, sjetite se slabovidnih korisnika.
06. Trebaju li web fontovi hinting?
Hinting su posebne upute koje čvrsto vežu krivulje apstraktnih fontova za piksele na monitoru. Velika većina fontova (uključujući i komercijalne) nije nagoviještena, jer je to prilično dugotrajan i kompliciran postupak. Hinting se radi drugačije za TrueType i PostScript. Ako uzmete jeftin font, OTF format je sigurniji, jer je u TT-u postupak ostao nepromijenjen od dana crno-bijele rasterizacije i nije sasvim adekvatan, ali za PS je postupak jednostavniji, a autor ima priliku napraviti automatsko nagovještavanje.Font bez nagovještaja postaje mutan kada se rasterizira, a visina slova može skočiti.
S jedne strane, nagovještajno pismo je prilično jasno, kontrastno i ujednačeno, a s druge strane, oblici slova su izobličeni ovisno o veličini, a razmaci se mogu razlikovati od stvarnih. Slova se strogo pridržavaju piksela.
U Windowsima vidimo možda najradikalniji pristup: popularni fontovi kao što su Tahoma, Verdana, Arial i Georgia bili su natuknuti posebno za GDI ClearType, a kada se pojavio DirectWrite, glavni fontovi u setu OS-a morali su se ponovno nagovijestiti i ažurirati.
Za razliku od Microsofta, Apple se drži suprotnog pristupa, stoga njegovi operativni sustavi koriste algoritme koji omogućuju više ili manje kvalitetan ispis bilo kojeg fonta, a hinting se uopće ne uzima u obzir.
Odgovarajući na pitanje: era monitora od 300 DPI brzo se približava, a ogroman broj mobilnih uređaja već ima takvu razlučivost, a uskoro nagoveštaj uopće neće biti potreban. No budući da je Windows još uvijek ovisan o hintingu i fokusiran je na monitore niske razlučivosti, pokušajte odabrati visokokvalitetne hinting ili standardne fontove kao fontove teksta, inače će tekst biti nečitljiv i teško čitljiv.
07. @ font-face ili Cufon?
Koliko god čudno zvučalo, još uvijek postoje ljudi koji sebi postavljaju ovo pitanje. Čini se da nakon što su preglednici počeli podržavati atribut @ font-face, sve druge tehnologije ugrađivanja fontova (Cufon, sIFR, Flash) postale su nevažne. Ali još uvijek ostaje neko značenje, na primjer, način da se font zamijeni slikom, kada se na stranici ne prikazuju vektorske krivulje, već samo ispis, kako ga pisač ispisuje na list ili Photoshop prikazuje JPG koji se ne može uređivati. To dopuštaju mnoge uobičajene (desktop) licence za fontove. Neki proizvođači fontova (npr. Adobe) dopuštaju ugrađivanje (u programe i na poslužitelj) desktop fonta ako ostane zaštićen i ne može se preuzeti. Ako nemate priliku kupiti zasebnu web licencu, tada možete primijeniti odgovarajući sIFR kada je font ugrađen pomoću flash objekata. Nedostatak je što se koristi Flash koji ne podržavaju svi uređaji. Također možete koristiti Cufon tehnologiju (koristi se Canvas), ako licenca dopušta. Naravno, u ovom slučaju skripta će biti glomazna, a odabir teksta ne funkcionira, ali u bezizlaznoj situaciji će to učiniti.Ali najbolje je koristiti @ font-face, on je i tehnološki napredniji i praktičniji, osim toga, akumulirano je dovoljno iskustva za rad s njim. Jedini nedostatak je to što svi proizvođači ne dopuštaju korištenje svojih fontova na webu.
08. U kojim formatima trebaju biti datoteke fontova?
Fontovi pripremljeni za ugradnju (@ font-face) na web stranicu danas bi trebali biti u nekoliko formata odjednom:TTF ili OTF- datoteka fonta koja nam je poznata, ali preuzeta s poslužitelja tijekom pregledavanja stranice;
WOFF- nezaštićena izvorna arhiva OTF ili TTF, možda najvažniji format koji većina popularnih preglednika podržava, a datoteke u WOFF-u obično su 2-2,5 puta lakše od originala;
EOT- implementirana TT OpenType arhiva sa zaštitnim mehanizmima potrebna je za podršku starih Internet Explorer preglednika (počevši od IE8, osim TrueType krivulja, podržan je i PostScript);
SVG- za podršku pregledniku Safari.
09. Je li moguće pretvoriti web fontove?
Što god vam se kaže, ne možete jednostavno pretvoriti datoteku i zadržati izvornu kvalitetu fonta, pogotovo ako je izvorno bio u OpenType formatu. U tom procesu postoji mogućnost gubitka nekih podataka ugrađenih u datoteku fonta (sastavljene upute, dodatni znakovi, metrika). Primijetit ćete to kada datoteka bude neočekivano "tanka" prilikom pretvaranja, posebno ne-košer pretvaranja TrueTypea u PostScript i obrnuto.
Osim toga, proces pretvorbe gotovo je uvijek u suprotnosti s uvjetima licence koja zabranjuje izmjene. Jednostavno rečeno – ovo je ista krađa. Kada učitavate datoteke u konverter, budite sigurni da ih neće propustiti i da će izdati upozorenje, jer datoteka sadrži digitalne potpise proizvođača i odgovarajuće zabrane izmjene.
10. Koliko bi trebali težiti web fontovi?
Preglednik mora u potpunosti preuzeti datoteke fontova prije prikaza stranice. Možda ste vidjeli efekt "font flash" (ili FOUT), kada nakratko umjesto egzotičnih fontova zabljesnu standardni fontovi sustava. U redu je ako TTF (OTF) stane u 100 kb, a WOFF (EOT) stane u 50 kb. Uvijek razmislite trebate li uopće koristiti nestandardne fontove, čak i ako ih koristite u jednom kratkom naslovu, svejedno morate preuzeti cijelu datoteku fontova u cijelosti.Što je više perfekcionizma u dizajnu, datoteke fontova manje mogu težiti i pokušajte odabrati jednostavne oblike. U tom smislu, idealan oblik je otvoreni geometrijski sans serif s malo kontrasta. Da biste ubrzali učitavanje fonta, također može biti korisno uključiti ga u tablicu stilova pomoću podataka: uri.
11. Koliko slova možete koristiti na webu?
Sa dizajnerske točke gledišta, puno stilova je cool. Doista, za naslov - Bold, a tamo, za umetak - ExtraLight, općenito ćemo gurnuti nepotrebne tekstove i pritisnuti ih u Condensed Bold. Evo ga - pravo bogatstvo i stilska raznolikost. Ali kada se svo to "bogatstvo" počne prenositi na stranicu, ispada da je sve užasno sporo. I bolje je ni ne pokušavati otvoriti takvu stranicu s mobilnog uređaja. Isto tako, nemojte zaboraviti da svaka vrsta slova košta odvojeno, te je vjerojatno da će kupac od vas tražiti da ili pronađete sinonim fonta, ili da smanjite broj stilova, samo da ne kupujete cijeli skupi font. Normalno je koristiti najviše 2-3 stila istih ili različitih tipova.12. Trebam li ograničiti skup znakova?
Odgovor na ovo pitanje ovisi o kakvoj se stranici radi i kako će se koristiti. Ograničenja mogu biti korisna jer je moguće značajno smanjiti veličinu datoteka. Ponekad, zbog neznanja, programeri uploaduju teške datoteke fontova na stranicu s punim skupom znakova, a dobro je ako tamo nema hijeroglifa (napomena, font Arial Unicode koji sadrži većinu znakova iz Unicode tablice teži 22 mb) .Za one koji najlakše izrađuju stranice na engleskom jeziku, uopće ne trebaju učitavati dodatne znakove, dovoljni su oni koji su na osnovnoj latinici (ili ASCII). Ako koristite font samo za naslove na ruskom + isprepleteni engleskim, tada će vam biti dovoljni skupovi ASCII (osnovna latinica) i 64 znaka ruske abecede, uopće nije potrebno učitavati prošireni ćirilični skup od 420 likovima. To je sasvim druga priča, ako je vaša stranica višejezična, u ovom slučaju, kako biste izbjegli netočan prikaz znakova, trebali biste pokušati pokriti sve jezike koji se koriste.
13. Mogu li se koristiti klonovi fontova?
Događa se da je ili preskupo ili nemoguće kupiti originalni font, tada će biti prikladno odabrati sinonim fonta (klon). Naravno, od njih ne treba očekivati nevjerojatnu kvalitetu, čak i ako ih radi, recimo, renomirana ruska tvrtka. Sve je loše kad naiđete na opus nekog pismenog anonimnog autora koji se odlučio okušati u novom polju, čuvajte se ovakvih fontova. Evo primjera klonova (original je prikazan u zagradama): FreeSet (Frutiger), Pragmatica i Helios (Helvetica). Imajte na umu da se oblik slova može razlikovati. Velik broj klonova nalazi se u direktoriju sinonima fontova Paratype.
14. Kako mogu testirati font?
Dizajneri, nemojte se navikavati vidjeti fontove samo kroz prozore Photoshopa, uređivači slika koriste vlastite tehnike anti-aliasinga i mogla bi vas prevariti lijepa slika. Mnogo je korisnije naučiti kako ih testirati i gledati u preglednicima. Ako imate demo stranicu, pazite da se tijekom renderiranja ne pojave sve vrste artefakata i šiljaka. Postoji i takav alat kao što je Typecast, gdje možete provjeriti mnoge fontove, a zatim pokazati stranicu klijentu. Za one koji odaberu novi font za gotovu stranicu - nezamjenjivu uslugu Web Fonts Previewer, možete testirati bilo koji font na stranici koja radi uživo, kao da ste ga već implementirali.15. Imam font na računalu, mogu li ga koristiti na stranici?
Prvo, malo o krađi. Poznajem mnoge dizajnere koji na svojim računalima imaju tisuće fontova čije je porijeklo nepoznato. U pravilu su samo preuzeli s interneta. No iz nekog razloga nitko ne misli da su za stvaranje dobrih fontova potrebni mjeseci, a ponekad i godine ozbiljnog rada! Ali ne samo iz tog razloga, ne možete koristiti lažne, nije jasno odakle su preuzeti fontovi, već zato što se možete suočiti s ozbiljnim poteškoćama u fazi razvoja.
Ako na web-mjesto želite ugraditi font koji dolazi s operativnim sustavom, to možete učiniti samo rasterizacijom ili korištenjem u slikama. Ako stvarno trebate ugraditi, onda ćete morati kupiti zasebnu licencu, baš kao i obični fontovi (i Georgia i Tahoma su komercijalno dostupni).
16. Kako mogu kupiti web font?
Kada "kupite font" to je najbliže kupnji softvera, kada dobijete licencu za korištenje, a ne prava na samu programsku datoteku. Ispada da je legalno sastavljena datoteka fonta program. Izmjene i izmjene, ako nisu dopuštene licencom, smatraju se kršenjem autorskih prava.Prikladan način za kupnju fontova je putem kataloga fontova (Fonts.com, MyFonts, Ascender, Typekit). Možete pogledati, usporediti i odabrati jedan od dostupnih slučajeva korištenja, platiti karticom. Za tvrtke će biti najlakše kontaktirati izravno produkcijski studio ili kupcu omogućiti kupnju fontova.
Ili je možda bolje uopće ne trošiti novac na tipkanje? Postoji mnogo sjajnih besplatnih fontova koji su jednako dobri kao i oni koji se plaćaju!
17. Koje su licence?
Postoje različite vrste licenci za fontove, a s pojavom web fontova raznolikost se samo povećala. U stvarnom životu, svaka tvrtka sama postavlja pravila igre, a licenca za font može sadržavati značajke raznih drugih. Zanimat će nas tipično.Opća komercijalna licenca ograničava korištenje na određenom broju uređaja i dopušta distribuciju djela stvorenih korištenjem fonta. To mogu biti časopisi, novine, letci, posjetnice, rasterizirane slike fonta - sve zajedno možete nazvati ispisima. Ova licenca nije prikladna za film, televiziju, web i ugrađivanje u aplikacije i programe, takva se prava moraju zasebno otkupiti.
Postoje i posebne licence, na primjer: isključiva licenca. U tom slučaju tvrtka otkupljuje sva prava od dizajnera fontova, a čak ni autor fonta nema pravo nigdje ga koristiti. Posebno je iznenađujuće kada su takvi fontovi na torrentima ili kada ih koriste neki dizajneri trećih strana.
Besplatne licence (javna domena) - autor fonta dopušta besplatnu distribuciju, uz uvjet navođenja svog imena (Creative Commons) ili bez njega (na primjer, OFL, GPL, Apache 2.0). Ova vrsta licence čak dopušta komercijalnu upotrebu osim prodaje i plaćene distribucije. Primjeri: PT Sans, Opensans, Droid. Promjena fonta (GPL) ponekad je dopuštena, ali izmjena koju izradite automatski će naslijediti istu licencu (to jest, i vi možete biti razdvojeni). Sloboda pretpostavlja da se može koristiti na bilo kojem mediju, uklj. i web.
Besplatno za nekomercijalnu upotrebu – to jest, možete ga koristiti kad god ne zarađujete na njemu. Recimo za obuku, hobije i društvene projekte. Povremeno proizvođači dopuštaju njegovu upotrebu dizajnerima u nadi da će dizajnerov zadovoljni klijent tada kupiti komercijalnu verziju fonta.
18. Koja je razlika između licenci za web fontove?
Web licence su naši favoriti, ili su dodatak glavnoj licenci ili se daju zasebno. Regulira poseban slučaj - korištenje fontova na stranicama. Obično je najvažnije ograničenje na broj prikaza stranice. Na primjer, 10 tisuća mjesečno, 100 tisuća ili 1 milijun. To jest, što više ljudi posjeti vašu stranicu, više plaćate licencu. Postoje i neograničene mogućnosti kada platite font 1 put, ali su višestruko skuplje. Vjerojatno ste se zapitali gleda li netko broj pregleda? Češće nego ne, ne. Ali nemojte zaboraviti da veliki broj šaltera prati promet vaše stranice i, izazivajući sumnju prodavatelja, možete izgubiti licencu.Također, samostalna web licenca ne dopušta korištenje na običnim računalima. Ponekad se web licenca izdaje besplatno, odnosno uz kupnju stolnog fonta dobivate i pravo korištenja njegove web verzije. Ali to je još uvijek rijetkost, velika većina proizvođača zahtijeva dodatnu naknadu.
Nakon kupnje dobivate posebne datoteke koje ugrađujete na stranicu (TTF, OTF, WOFF, EOT), a neki fontovi ne dopuštaju postavljanje tih datoteka na stranicu u nezaštićenom obliku, jer teoretski, treće strane mogu dobiti same datoteke fontova. Treća opcija je korištenje namjenske web usluge proizvođača fontova, kao što je Adobeov Typekit, i plaćanje pretplate.
19. Gdje mogu nabaviti dobre web fontove?
Google besplatni imenik fontovaFontsquirrel je poznati web pretvarač i imenik fontova
Myfonts je ogromna trgovina fontova s praktičnim sustavom plaćanja
Fonts.com je glavni konkurent MyFonts
Typekit - usluga za iznajmljivanje fontova od Adobea
Typecast je spomenuta trgovina s uslugom testiranja
p.s. Još jedan koristan resurs koji je savjetovao Ilyaerin, WebFont.ru Funkcionalnost je važnija od oblika: dizajn za čitatelja
Maria Doreuli. Licenciranje. Da bude jasno
Tim Brown. Upišite renderiranje na webu
Tim Brown. CSS svojstva koja utječu na renderiranje tipa
Tim Brown. Prikaz vrste: operativni sustavi
Tim Ahrens. Detaljniji pogled na renderiranje fontova
Tim Ahrens (Typekit). Detaljniji pogled na TrueType nagovještaj
Prednosti OpenType/CFF u odnosu na TrueType
Ildar Kinyabulatov, web dizajner ADV / web-inženjering
Kada radite na Mac ili Windows PC platformi, stalno koristite fontove. Počevši od grafičkih dizajnera, čije kolekcije sadrže stotine ili čak tisuće fontova, pa do običnih korisnika koji se bave samo standardnim skupom fontova operacijskog sustava i aplikacija, svi ih neprestano koriste pri izradi dokumenata, čitanju materijala na internetu i upravljanju korisničko sučelje. Razumijevanje kako se razlikuju glavni formati datoteka fontova pomoći će vam da ih šire koristite i iskoristite sve prednosti svih vrsta slova.
TTF datoteke dio su temeljnog skupa Windows TrueType fontova. Pojavom najnovijih verzija Mac OS X-a, ovaj format fonta za jednu platformu postao je uobičajen i sada je prisutan na oba dominantna svjetska operacijska sustava. Apple je malo izmijenio format TrueType, pripremajući ga da zamijeni naslijeđene bitmap fontove fleksibilnijim standardom i uspješno ih ugradio u novi OS.
Standard TrueType omogućuje korištenje jedne datoteke za opisivanje fonta, koja sadrži sve informacije potrebne za prikazivanje (crtanje) fonta na zaslonu i kada se ispisuje. U usporedbi s TrueTypeom, recimo da neki naslijeđeni tipografski fontovi, kao što je PostScript Type 1 (koji je razvio Adobe Systems), imaju mnogo složeniji dizajn i računalno intenzivniji dizajn.
OTF standard je kratica za OpenType font i temelji se na najnovijim tehnologijama izrade fontova. Kao i TrueType, OpenType fontovi su višeplatformski. Ali, za razliku od svog prethodnika, oni vam omogućuju stavljanje nekoliko stilova prikaza u jednu datoteku odjednom i podržavaju skup znakova na različitim jezicima.
Štoviše, OpenType fontovi mogu koristiti različite stilove slova za određene aplikacije, mijenjajući ih na temelju konteksta. Ovaj novi standard dao je dizajnerima izvrsnu priliku da dizajniraju fontove slične rukopisu. Ovisno o određenom OpenType fontu, može se temeljiti na algoritmima za prilagođavanje krivulje preuzetim iz TrueType ili PostScript Type 1.
Standard DFONT (datoteke s ekstenzijom DFONT) je kratica za Datafork TrueType Font. Ovaj format datoteke bio je standard za sistemske fontove u Mac OS X. Međutim, s izdavanjem Mac OS X 10.6 Snow Leopard, Apple je ovaj standard zamijenio TTC ili TrueType kolekcijom. DFONT format podržan je isključivo za Mac OS X i osuđen je na "zaborav", budući da više nije predodređen da postane cross-platform.
Drugi formati
Stariji bitmap fontovi imali su značajna ograničenja. Dakle, svaki je od njih mogao koristiti samo tri veličine (visine) u dokumentima i za to ste morali posegnuti za posebnom aplikacijom za upravljanje fontovima. Ova ograničenja brzo su odbacili grafički dizajneri.
PostScript Type 1 fontovi eliminiraju ovaj nedostatak i dobro skaliraju za ispis, ali pisač mora biti kompatibilan s ovim standardom fonta. Adobe Systems, programer ovog standarda, naknadno je predložio korištenje aplikacije Adobe Type Manager za uklanjanje ograničenja ispisa.
OTF datoteka je datoteka fonta koju su zajednički razvili Adobe, Microsoft. Ovaj format datoteke uključuje izgled formata kao što su TrueType kao i PostScript. OpenType fontovi se mogu skalirati bez gubitka izvorne kvalitete teksta.
OTF proširenje je podržano na Mac OS operativnim sustavima, kao i Windows sustavima. Microsoftove platforme počele su podržavati OTF datoteke počevši od verzije za Windows 2000. Vrijedi napomenuti da se ova vrsta datoteke, osim svoje glavne namjene, može koristiti kao predloška datoteka koju OpenOffice koristi za formiranje formula. U tom je slučaju prisutnost .otf datoteke korisna za automatsko popunjavanje tablica korištenjem formula. OTF ekstenzija datoteke ima širok raspon distribucije među korisnicima.
Stručnjaci vjeruju da je ova ekstenzija datoteke takozvani kontejner, formiran uzimajući u obzir pravila TrueType i sposoban sadržavati datoteke podataka PostScript i TrueType. Font Open Type može pohraniti nove vrste podataka koje nisu bile prisutne u TrueType formatima. Datoteke s nastavkom .otf mogu pohranjivati podatke o konturama, metriku, kao i informacije o uslugama.
Da biste otvorili datoteku s OTF ekstenzijom, kao i druge datoteke fontova, upotrijebite Font Viewer od Microsofta. Korisnici MacOS-a mogu otvoriti OTF datoteku zahvaljujući kompleksu Apple Font Book. FontForge je univerzalni uslužni program koji može otvoriti .otf datoteku na gore navedenim sustavima, uključujući Linux platformu.
