Svaki web dizajner sanja o kreiranju web stranice s prekrasnom tipografijom. Nažalost, pretraživači podržavaju samo nekoliko tipova, takozvanih "web-safe" fontova. Standardni set uključuje sljedeće fontove: Arial, Verdana, Times, Georgia, Kurir nov i nekoliko drugih.
Slušalice definira skup jednog ili više fontova, od kojih se svaki sastoji od simbola koji imaju zajedničke karakteristike dizajna - težinu, stil, dizajn, vrstu, gustoću, veličinu, na primjer, sans serif font (ili sans serifs), serif font (antiqua) . Pismo se sastoji od skupa znakova (brojeva, slova, interpunkcijskih znakova, specijalnih znakova, može se sastojati i od neazbučnih znakova).
Font To je skup 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 fonta omogućava vam povezivanje različitih prilagođenih fontova. Pretraživač učitava fontove u keš memoriju 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 se mogu staviti u posebnu fasciklu fontova kreiranu na serveru.
Da povežete font pomoću pravila @ font-face, trebate:
1) otpremite datoteku fonta na server u više formata za podršku svih pretraživača,
2) navedite naziv fonta, dodajte link na datoteku i postavite opis fonta,
3) dodati naziv fonta svojstvu font-family elementa koji će biti prikazan sa ovim fontom.
@ font-face (familija fontova: "WebFont"; src: url (WebFont.eot?) format ("eot"), / * IE8 +, znak? vam omogućava da zaobiđete grešku u obrađivaču vrijednosti src * / url (WebFont.woff) format ("woff"), / * svi moderni pretraživači, IE9 + * / url (WebFont.ttf) format ("truetype"); / * svi moderni pretraživači * /) p (familija fontova: "WebFont", Arial, bez serifa;)
Ovaj kod govori pretraživaču da prikaže tekst unutar elementa
Korištenje WebFont-a. Ako pretraživač iz nekog razloga ne može učitati ovaj font, on će izabrati odgovarajući sa liste fontova. Prolazi kroz njih prikazanim redoslijedom dok ne pronađe font koji može uspješno koristiti.
Unutar svake porodice fontova možete definirati do devet težina (težina). Stoga, za svaki ugrađeni font, kao i za svaki stil, morate postaviti posebno pravilo @ font-face, tj. ne možete u jednom pravilu deklarirati dva različita fonta ili font iste porodice, 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 (familija fontova: "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 računaru korisnika i želite da se font učita tek nakon što korisnik potvrdi da je dostupan, tada možete koristiti lokalnu () vrijednost da postavite adresu:
@ 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: bold; stil fonta: kurziv;)
Formati web fontova
Svojstvo @ font-face ima dobru podršku pretraživača, ali različiti pretraživači 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 sa funkcijom kompresije. Format komprimira fontove u TTF / OTF formatu za upotrebu na Internetu. Takođe, WOFF vam omogućava da dodate metapodatke u fajl, kao što su informacije o licenci.
OTF / TTF formati(OpenType Font i TrueType Font) rade u većini pretraživača. Oba formata su slobodno dostupna.
EOT format(Embedded Open Type), kreiran od strane Microsofta, je komprimovana kopija TTF fonta, koji je zabranjena za ponovnu upotrebu tehnologijama za upravljanje digitalnim pravima (DRM). Podržano samo u IE 8 i novijim verzijama.
SVG / SVGZ(Vektorska grafika Scalabe) - Tip datoteke fonta koja predstavlja vektorski stil fonta. Obično ima manje veličine datoteka, što omogućava bolje performanse na mobilnim uređajima. Radi u Opera Mobile i iOS Safariju.
Složenost upotrebe ugrađenih fontova
1) Datoteke fontova mogu biti velike, tako da dodavanje @ font-face usporava učitavanje stranice u nekim slučajevima.
2) Određeni fontovi imaju ograničenja licenciranja koja ne dozvoljavaju slobodnu upotrebu.
3) Neki fontovi jednostavno izgledaju loše na web stranicama.
TrueType fontovi mogu se skalirati na bilo koju veličinu, dok su jasni i laki za čitanje. Mogu se poslati na bilo koji štampač ili drugi izlazni uređaj koji podržava Windows.
OpenType fontovi povezane sa TrueType fontovima, ali obično koriste široku paletu osnovnih znakova, kao što su manja slova, stari stilski brojevi i dodatni oblici (kao što su glifovi i ligature). OpenType fontovi se mogu skalirati na bilo koju veličinu i jasni su i laki za čitanje. Mogu se poslati na štampač ili drugi izlazni uređaj koji podržava Windows.
PostScript fontovi detaljna i kvalitetna grafika. Koriste se za štampu, posebno za profesionalno visokokvalitetno štampanje knjiga i časopisa.
Koji font odabrati
Zavisi od mnogo faktora. Ako želite font koji se lako čita na ekranu i papiru, najbolji izbor je 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 industrijsku štampu, odaberite PostScript.
Zdravo, Habr!
Već je napisano brdo članaka koji opisuju različite aspekte rada sa web fontovima, prikupljeno je mnogo primjera rada, ali se svakodnevno i dalje suočavamo s elementarnim nerazumijevanjem šta su web fontovi. Nemaju svi vremena da guglaju 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 bismo koristili standardne?
Prvo što vam pada na pamet je da su standardni fontovi užasno dosadni i da je uz njihovu pomoć teško napraviti nešto originalno. U pravilu, većina njih donosi tugu i obeshrabrenje ne samo kod korisnika, već i kod web dizajnera. U ovom slučaju, nestandardni fontovi su izražajniji, a osim toga, ima ih za red veličine više, tako da postoji mnogo izbora. Takođe, font je sastavni dio brenda, pa se svaka kompanija trudi da ga aktivnije koristi, jer se pojavila takva tehnička prilika.I bilo bi moguće potpuno napustiti standardne fontove, pogotovo jer ih mnogi mobilni operativni sistemi ne podržavaju (na primjer, Arial, Taһoma, Verdana i Georgia). Ali, nažalost, industrija, koja se već dugi niz godina prilagođavala ekranima od 96 DPI i Georgia Verdans, pokazala se nije baš spremna za brze promjene, a na starim Windows operativnim sistemima i dalje postoje problemi s prikazivanjem nestandardnih fontova zbog na posebnosti mehanizma rasterizacije.
02. Kako da odaberem 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 različitim medijima iu različitim veličinama. Takav font izgleda dobro, stil mu je usavršen, s njim neće biti problema ni na štampaču ni na ekranu, odiše dobrim kvalitetom.Međutim, pri odabiru fonta nije mnogo važnije čak ni to, već primjerenost i usklađenost fonta sa načinom korištenja i zadacima koji su mu dodijeljeni. Ako radite sa fontovima, morate razumjeti kako sve to funkcionira koje tehnologije se koriste. To će vam pomoći da ne držite u glavi hrpu nerazumljivih naučenih pravila, zarobljenih u djelićima. Na primjer, svaki štampač koji poštuje sebe zna zašto je nepoželjno koristiti TrueType fontove u ofset štampi, koji fontovi se mogu koristiti kao tekstualni fontovi, a koji samo za naslove ili indekse. Ako to ne zna, moraće da preštampa ogroman tiraž, a na poslu će se suočavati sa stalnim iznenađenjima i problemima. Nevjerovatno je zašto niko ne postavlja nikakve zahtjeve prema web dizajnerima.
03. Kako pretraživači prikazuju fontove?
Često sam čuo da pretraživači sami prikazuju fontove, tako da svuda izgledaju drugačije. Ali u stvari, poseban grafički podsistem OS-a je uključen u renderiranje fontova: u Windowsu je to GDI ili DirectWrite, i na OS X i iOS - CoreText(i ranije QuickDraw). Ukupno, postoje 3 uobičajena mehanizma rasterizacije (renderiranja) fontova: dvobojni (crno-bijeli) piksel, monohromatski piksel (često se naziva i antialiasing ili regularni anti-aliasing) i subpiksel. Subpiksel koristi funkciju LCD i plazma ekrana gdje je svaki piksel podijeljen na 3 dijela (crveni, zeleni i plavi) kako bi se povećala horizontalna rezolucija prikazane slike i poboljšala jasnoća.
Međutim, pretraživači biraju svoj vlastiti način prikazivanja od onih koje pruža 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 horizontalno, u skladu s lokacijom podpiksela. Zbog toga često vidimo užasne izbočine u horizontalnim i dijagonalnim potezima kada ga koristimo. Srećom, Microsoft je počeo polako da poboljšava mehanizam, a DirectWrite tehnologija je došla da zameni GDI, gde se pojavilo vertikalno anti-aliasing. uporedi:
04. TTF ili OTF?
TrueType i PostScript su izvorno bili različiti formati fontova. TrueType koristi kvadratne Bézierove krive, dok PostScript koristi kubične krive 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 sa TrueTypeom imaju TTF ekstenziju, a sa PostScript - OTF. Svaka od tehnologija ima svoje karakteristike nagoveštaja i specifičnu primenu.
Pogledaj sliku. Ako je TrueType font mnogo č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 pretraživači biraju različite metode rasterizacije za PS i TT. Za PS, pretraživač je primenio uobičajeno monohromatsko anti-aliasing, a TT je obradio ClearType. Tako se ispostavilo da je TrueType poželjniji za tekstualne fontove, a PostScript za naslove i velike naljepnice.
Također vidimo da još uvijek ne koriste svi pretraživači DirectWrite. Dakle, još uvijek nije u Google Chromeu.
05. Šta još utiče na ekran?
Ponekad je bolje ručno postaviti metodu rasterizacije. Na primjer, u pretraživačima sa 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 pretraživač natera da promeni metodu rasterizacije; Habré je jednom predložio korišćenje hakovanja sa senkom 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 pretraživaču, u uslovima borbe.
Drugi način da se ispeglaju nesavršenosti anti-aliasinga je upravljanje bojama i kontrastom. Da biste smanjili efekat hromatskog obrisa (žuti i magenta obrisi se pojavljuju oko ivica kada koristite ClearType), možete pokušati da smanjite tonski kontrast približavanjem boje pozadine boji teksta. Nemojte se previše zanositi, sjetite se slabovidih korisnika.
06. Da li web fontovima treba hinting?
Hinting je specijalna uputstva koja čvrsto vezuju apstraktne krivulje fonta za piksele na monitoru. Ogromna većina fontova (uključujući i komercijalne) nije nagoveštena, jer je ovo prilično dugotrajna i komplikovana procedura. Hinting se radi drugačije za TrueType i PostScript. Ako uzmete jeftin font, OTF format je sigurniji, jer je u TT postupak ostao nepromijenjen od vremena crno-bijele rasterizacije i nije sasvim adekvatan, ali je za PS postupak jednostavniji, a autor ima priliku uradite automatsko nagoveštavanje.Font bez nagoveštaja postaje mutan kada se rasterizira, a visina slova može skočiti.
S jedne strane, font za nagoveštaj je prilično jasan, kontrastan i ujednačen, a sa druge strane, oblici slova su izobličeni u zavisnosti od veličine, a razmak može da se razlikuje od pravih. Slova se striktno pridržavaju piksela.
U Windows-u vidimo možda najradikalniji pristup: popularni fontovi kao što su Tahoma, Verdana, Arial i Georgia su nagoviješteni posebno za GDI ClearType, a kada se pojavio DirectWrite, glavni fontovi u OS-u su morali biti ponovo nagoviješteni i ažurirani.
Za razliku od Microsofta, Apple se pridržava suprotnog pristupa, stoga njegovi operativni sistemi koriste algoritme koji omogućavaju manje-više kvalitetan izlaz bilo kojeg fonta, a nagoveštaj 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 rezoluciju, a uskoro nagoveštaj uopće neće biti potreban. Ali budući da je Windows i dalje ovisan o hintingu i fokusiran na monitore niske rezolucije, pokušajte odabrati visokokvalitetne hinting ili standardne fontove kao fontove teksta, inače će tekst biti nečitljiv i težak za čitanje.
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 pretraživači počeli da podržavaju atribut @ font-face, sve druge tehnologije za ugrađivanje fontova (Cufon, sIFR, Flash) su postale 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 krive, već samo otisak, kako ga štampač ispisuje na listu ili Photoshop prikazuje JPG koji se ne može uređivati. Ovo dozvoljavaju mnoge uobičajene (desktop) licence za fontove. Neki proizvođači fontova (npr. Adobe) dozvoljavaju ugrađivanje (u programe i na server) desktop fonta ako ostane zaštićen i ne može se preuzeti. Ako nemate priliku da kupite posebnu 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 dozvoljava. Naravno, u ovom slučaju skripta će biti glomazna, a odabir teksta neće raditi, 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 dozvoljavaju korištenje njihovih fontova na webu.
08. U kojim formatima treba da budu fajlovi fontova?
Fontovi pripremljeni za ugradnju (@ font-face) na web stranicu danas bi trebali biti u nekoliko formata odjednom:TTF ili OTF- fajl fontova koji nam je poznat, ali preuzet sa servera tokom pregledavanja stranice;
WOFF- nezaštićena izvorna arhiva OTF ili TTF, možda najvažniji format koji većina popularnih pretraživača podržava, a fajlovi u WOFF-u su obično 2-2,5 puta lakši od originala;
EOT- implementirana TT OpenType arhiva sa zaštitnim mehanizmima je potrebna za podršku starih Internet Explorer pretraživača (počevši od IE8, pored TrueType krivulja, podržan je i PostScript);
SVG- za podršku pretraživača Safari.
09. Da li je moguće pretvoriti web fontove?
Šta god da vam se kaže, ne možete jednostavno pretvoriti datoteku i zadržati originalni kvalitet fonta, posebno ako je izvorno bio u OpenType formatu. U tom procesu postoji šansa da izgubite neke podatke ugrađene u datoteku fonta (sastavljene upute, dodatni znakovi, metrika). To ćete primijetiti kada datoteka bude neočekivano "tanka" prilikom konvertiranja, posebno ne-košer konvertiranja TrueTypea u PostScript i obrnuto.
Osim toga, proces konverzije je gotovo uvijek u suprotnosti sa uslovima licence koja zabranjuje modifikacije. 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 modifikacije.
10. Koliko bi trebali težiti web fontovi?
Prije nego što prikaže stranicu, pretraživač mora u potpunosti preuzeti datoteke fontova. Možda ste vidjeli efekat "font flash" (ili FOUT), kada nakratko, umjesto egzotičnih fontova, zabljesnu standardni fontovi sistema. U redu je ako TTF (OTF) stane u 100 kb, a WOFF (EOT) stane u 50 kb. Uvijek razmislite da li uopće trebate koristiti nestandardne fontove, čak i ako ih koristite u jednom kratkom naslovu, i dalje morate preuzeti cijeli fajl 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, idealna forma je otvoreni geometrijski sans serif sa malo kontrasta. Da biste ubrzali učitavanje fonta, također može biti korisno uključiti ga u stylesheet koristeći podatke: uri.
11. Koliko slova možete koristiti na webu?
Sa dizajnerske tačke gledišta, mnogo stilova je cool. Zaista, za naslov - Bold, a tamo, za umetak - ExtraLight, generalno ćemo gurnuti nepotrebne tekstove i pritisnuti ih u Condensed Bold. Evo ga - pravo bogatstvo i stilska raznolikost. Ali kada svo ovo "bogatstvo" počne da se prenosi na sajt, ispostavilo se da je sve užasno sporo. I bolje je ni ne pokušavati otvoriti takvu stranicu s mobilnog uređaja. Isto tako, ne zaboravite da svaki tip slova košta odvojeno, te je vjerovatno da će kupac tražiti od vas ili da pronađete sinonim fonta, ili da smanjite broj stilova, samo da ne kupujete cijeli skupi font. Normalno je koristiti najviše 2-3 stila istog ili različitog fontova.12. Da li trebam ograničiti skup znakova?
Odgovor na ovo pitanje zavisi od toga o kakvom se sajtu 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 fajlove fontova sa punim skupom znakova na stranicu, a dobro je ako tamo nema hijeroglifa (napomena, font Arial Unicode koji sadrži većinu znakova iz Unicode tabele je težak 22 mb) .Za one koji najlakše prave sajtove na engleskom jeziku, uopšte ne moraju da učitavaju dodatne znakove, dovoljni su oni koji su na osnovnoj latinici (ili ASCII). Ako koristite font samo za naslove na ruskom + isprepleteni engleskim, onda će vam biti dovoljni ASCII (osnovna latinica) setovi i 64 znaka ruskog alfabeta, uopće nije potrebno učitavati prošireni ćirilični set od 420 karaktera. Sasvim je druga priča, ako je vaša stranica višejezična, u ovom slučaju, da biste izbjegli netačan prikaz znakova, trebali biste pokušati pokriti sve jezike koji se koriste.
13. Mogu li se koristiti klonovi fontova?
Dešava 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 neverovatan kvalitet, čak i ako ih pravi, recimo, renomirana ruska kompanija. Sve je loše kada naiđete na opus nekog pismenog anonimnog autora koji je odlučio da se testira u novoj oblasti, č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. Veliki broj klonova nalazi se u direktoriju sinonima fontova Paratype.
14. Kako da testiram font?
Dizajneri, nemojte se navikavati da vidite 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 pretraživačima. Ako imate demo stranicu, pobrinite se da sve vrste artefakata i šiljaka ne izađu tokom renderiranja. Postoji i 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 za vas Web Fonts Previewer, možete testirati bilo koji font na web stranici koja radi uživo, kao da ste ga već implementirali.15. Imam font na svom računaru, mogu li ga koristiti na stranici?
Prvo, malo o krađi. Poznajem mnoge dizajnere koji na svojim računarima imaju hiljade fontova čije porijeklo je nepoznato. Po pravilu, samo su preuzeli sa interneta. Ali iz nekog razloga, niko ne misli da su za stvaranje dobrih fontova potrebni meseci, 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 možete naići na ozbiljne poteškoće u fazi razvoja.
Ako želite da ugradite font koji dolazi s operativnim sistemom u web lokaciju, to možete učiniti samo rasterizacijom ili korištenjem u slikama. Ako zaista trebate da ugradite, onda ćete morati kupiti posebnu licencu, baš kao i obični fontovi (i Georgia i Tahoma su komercijalno dostupni).
16. Kako da kupim web font?
Kada "kupite font" to je najbliže kupovini softvera, kada dobijete licencu za njegovo korištenje, a ne prava na sam programski fajl. Ispostavilo se da je legalno kompajlirana datoteka fonta program. Izmjene i modifikacije, ako nisu dozvoljene licencom, smatraju se kršenjem autorskih prava.Pogodan način za kupovinu fontova je putem kataloga fontova (Fonts.com, MyFonts, Ascender, Typekit). Možete pogledati, uporediti i odabrati jedan od dostupnih slučajeva korištenja, platiti karticom. Za kompanije će biti najlakše kontaktirati direktno produkcijski studio ili kupcu omogućiti kupovinu fontova.
Ili je možda bolje da uopće ne trošite novac na kucanje? Postoji mnogo odličnih 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 kompanija sama postavlja pravila igre, a licenca za font može sadržavati karakteristike raznih drugih. Nas će zanimati tipični.Opšta komercijalna licenca ograničava upotrebu na određenom broju uređaja i dozvoljava distribuciju djela stvorenih korištenjem fonta. To mogu biti časopisi, novine, leci, vizit karte, rasterske slike fonta - sve zajedno to možete nazvati printovima. Ova licenca nije prikladna za film, televiziju, web i ugrađivanje u aplikacije i programe, takva prava se moraju zasebno otkupiti.
Postoje i posebne licence, na primjer: ekskluzivna licenca. U ovom slučaju, kompanija otkupljuje sva prava od dizajnera fontova, a čak ni autor fonta nema pravo da ga koristi bilo gdje. Posebno je iznenađujuće kada su takvi fontovi na torentima, ili kada ih koriste neki dizajneri trećih strana.
Besplatne licence (javna domena) - autor fonta dozvoljava besplatnu distribuciju, uz uslov navođenja njegovog imena (Creative Commons) ili bez njega (na primjer, OFL, GPL, Apache 2.0). Ova vrsta licence čak dozvoljava i komercijalnu upotrebu osim prodaje i plaćene distribucije. Primjeri: PT Sans, Opensans, Droid. Modifikacija fonta (GPL) je ponekad dozvoljena, ali modifikacija koju kreirate 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 od toga. Recimo za obuku, hobije i društvene projekte. Povremeno, proizvođači dozvoljavaju 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 pregleda stranica. Na primjer, 10 hiljada mjesečno, 100 hiljada ili 1 milion. To jest, što više ljudi posjeti vašu stranicu, više plaćate licencu. Postoje i neograničene opcije kada platite font 1 put, ali su višestruko skuplje. Verovatno ste se zapitali da li neko prati broj pregleda? Češće nego ne, ne. Ali nemojte zaboraviti da veliki broj šaltera prati promet vaše stranice i, izazivajući sumnju prodavača, možete izgubiti licencu.Također, samostalna web licenca ne dozvoljava korištenje na običnim računarima. Ponekad se web licenca izdaje besplatno, odnosno uz kupovinu desktop fonta dobijate i pravo korištenja njegove web verzije. Ali to je još uvijek rijetkost, velika većina proizvođača zahtijeva dodatnu naknadu.
Nakon kupovine dobijate posebne fajlove koje ugrađujete na sajt (TTF, OTF, WOFF, EOT), a neki fontovi ne dozvoljavaju postavljanje ovih fajlova na sajt u nezaštićenom obliku, jer, teoretski, treće strane mogu dobiti sami fajlovi fontova. Treća opcija je korištenje namjenske web usluge proizvođača fontova, kao što je Adobe-ov Typekit, i plaćanje pretplate.
19. Gdje mogu nabaviti dobre web fontove?
Google besplatni direktorij fontovaFontsquirrel je poznati web konverter i direktorij fontova
Myfonts je ogromna prodavnica fontova sa praktičnim sistemom plaćanja
Fonts.com je glavni konkurent MyFonts
Typekit - usluga za iznajmljivanje fontova od Adobe-a
Typecast je gore spomenuta trgovina s uslugom testiranja
P.S. Još jedan koristan resurs koji je savjetovao Ilyaerin, WebFont.ru Funkcionalnost je važnija od forme: dizajn za čitaoca
Maria Doreuli. Licenciranje. Da bude jasno
Tim Brown. Unesite renderiranje na webu
Tim Brown. CSS svojstva koja utiču na renderovanje tipa
Tim Brown. Prikaz tipa: operativni sistemi
Tim Ahrens. Bliži pogled na renderiranje fontova
Tim Ahrens (Typekit). Detaljniji pogled na TrueType nagoveš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 hiljade fontova, pa do običnih korisnika koji se bave samo standardnim skupom fontova za operativni sistem i aplikacije, svi ih stalno koriste prilikom kreiranja dokumenata, čitanja materijala na Internetu i upravljanja korisnički interfejs. Razumijevanje načina na koji se razlikuju glavni formati datoteka fontova pomoći će vam da ih više koristite i iskoristite prednosti cijelog niza fontova.
TTF datoteke su dio osnovnog skupa Windows TrueType fontova. Sa 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 operativna sistema. Apple je neznatno modificirao TrueType format, pripremajući ga da zamijeni naslijeđene bitmap fontove fleksibilnijim standardom i uspješno ih ugradio u novi OS.
Standard TrueType predviđa korištenje jedne datoteke za opisivanje fonta, koja sadrži sve informacije potrebne za prikazivanje (crtanje) fonta na ekranu i kada se štampa. U poređenju sa TrueTypeom, recimo da neki stari tipografski fontovi, kao što je PostScript Type 1 (koji je razvio Adobe Systems), imaju mnogo složeniji i kompjuterski intenzivniji dizajn.
OTF standard je skraćenica za OpenType font i baziran je na najnovijim tehnologijama konstrukcije fontova. Kao i TrueType, OpenType fontovi su višeplatformski. Ali, za razliku od svog prethodnika, oni vam omogućavaju da stavite nekoliko stilova prikaza u jednu datoteku odjednom i podržavaju skup znakova na različitim jezicima.
Štaviše, OpenType fontovi mogu koristiti različite stilove slova za određene aplikacije, mijenjajući ih na osnovu konteksta. Ovaj novi standard je dao dizajnerima odličnu priliku da dizajniraju fontove slične rukopisu. U zavisnosti od određenog OpenType fonta, može se zasnivati na algoritmima za prilagođavanje krivulje preuzetim iz TrueType ili PostScript tipa 1.
Standard DFONT (datoteke sa ekstenzijom DFONT) je skraćenica za Datafork TrueType Font. Ovaj format datoteke bio je standard za sistemske fontove u Mac OS X-u. Međutim, sa izdavanjem Mac OS X 10.6 Snow Leopard, Apple je ovaj standard zamijenio TTC ili TrueType kolekcijom. DFONT format je podržan isključivo za Mac OS X i osuđen je na "zaborav", jer više nije predodređen da postane cross-platform.
Drugi formati
Stariji bitmap fontovi imali su značajna ograničenja. Dakle, svaki od njih je mogao koristiti samo tri veličine (visine) u dokumentima i za to ste morali pribjeći posebnoj aplikaciji za upravljanje fontovima. Ova ograničenja brzo su odbacili grafički dizajneri.
PostScript Type 1 fontovi eliminišu ovaj nedostatak i dobro skaliraju za štampanje, ali štampač mora biti kompatibilan sa ovim standardom za font. Adobe Systems, programer ovog standarda, naknadno je predložio korištenje Adobe Type Manager aplikacije za uklanjanje ograničenja za štampanje.
OTF datoteka je datoteka fontova 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 originalnog kvaliteta teksta.
OTF ekstenzija je podržana na Mac OS operativnim sistemima kao i Windows sistemima. Microsoft platforme su počele da podržavaju OTF fajlove počevši od Windows 2000. Treba napomenuti da ovaj tip fajla, pored svoje glavne namene, može da se koristi kao fajl šablona koji OpenOffice koristi za formiranje formula. U tom slučaju, prisustvo .otf datoteke je korisno za automatsko popunjavanje tabela pomoću 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 da sadrži datoteke podataka PostScript i TrueType. Font Open Type može pohraniti nove tipove podataka koji nisu bili prisutni u TrueType formatima. Datoteke sa ekstenzijom .otf mogu pohraniti podatke o konturama, metriku, kao i servisne informacije.
Da biste otvorili datoteku s ekstenzijom OTF, kao i druge datoteke fontova, koristite Font Viewer od Microsofta. Korisnici MacOS-a mogu otvoriti OTF datoteku zahvaljujući Apple Font Book kompleksu. FontForge je univerzalni uslužni program koji može otvoriti .otf datoteku na gore navedenim sistemima, uključujući Linux platformu.
