Fiecare web designer visează să creeze un site web cu o tipografie frumoasă. Din păcate, browserele acceptă doar câteva fonturi, așa-numitele fonturi „sigure pentru web”. Setul standard include următoarele fonturi: Arial, Verdana, Times, Georgia, Curier nouși alții câțiva.
Căști definește un set de unul sau mai multe fonturi, fiecare dintre ele constând din simboluri care au caracteristici de design comune - greutate, stil, design, tip, densitate, dimensiune, de exemplu, fonturi sans serif (sau sans serif), fonturi serif (antiqua) . O fontă este formată dintr-un set de caractere (cifre, litere, semne de punctuație, caractere speciale, poate consta și din caractere nealfabetice).
Font Este un set de caractere de o anumită dimensiune, greutate și stil. De exemplu, stilul italic Times New Roman 16px este un singur font, iar italic Times New Roman 10px este diferit.
@ Regula font-face vă permite să conectați o varietate de fonturi personalizate. Browserul încarcă fonturile în cache și le folosește pentru a stila textul de pe pagină. Această abordare se numește încorporarea fonturilor iar fonturile încorporate sunt fonturi web.
Regula font-face @ ar trebui plasată înaintea tuturor celorlalte reguli CSS, deoarece aceasta va îmbunătăți performanța paginii. Fonturile descărcate pot fi plasate într-un folder special de fonturi creat pe server.
Pentru a conecta un font folosind regula font-face @, aveți nevoie de:
1) încărcați fișierul cu fonturi pe server în mai multe formate pentru suport de toate browserele,
2) specificați numele fontului, adăugați un link la fișier și setați o descriere a fontului,
3) adăugați numele fontului la proprietatea font-family a elementului care va fi afișat cu acest font.
@ font-face (familie de fonturi: „WebFont”; src: format url (WebFont.eot?) („eot”), / * IE8 +, semnul? vă permite să ocoliți eroarea din handler-ul valorii src * / format url (WebFont.woff) ("woff"), / * toate browserele moderne, IE9 + * / formatul url (WebFont.ttf) ("truetype"); / * toate browserele moderne * /) p (familie de fonturi: „WebFont”, Arial, sans -serif;)
Acest cod îi spune browserului să afișeze textul din interiorul elementului
Folosind WebFont. Dacă browserul, dintr-un motiv oarecare, nu poate încărca acest font, îl va alege pe cel potrivit din lista de fonturi. Le parcurge în buclă în ordinea afișată până când găsește un font pe care îl poate folosi cu succes.
În cadrul fiecărei familii de fonturi, puteți defini până la nouă greutăți (greutăți). Prin urmare, pentru fiecare font încorporat, precum și pentru fiecare stil, trebuie să setați o regulă separată @ font-face, de exemplu. nu poți declara într-o singură regulă două fonturi diferite sau un font din aceeași familie, ci stiluri și greutăți diferite.
@ font-face (familie de fonturi: „WebFont”; src: format url (WebFont.eot?) („eot”), format url (WebFont.woff) („woff”), format url (WebFont.ttf) ( „truetype”); greutate font: bold; stil font: cursiv;) @ font-face (familia de fonturi: „WebFont”; src: format url (WebFont.eot?) („eot”), url (WebFont) .woff) format ("woff"), url (WebFont.ttf) format ("truetype"); font-weight: 400; font-style: normal;)
În general, puteți seta următoarele proprietăți pentru un font:
@ font-face (familie de font: „FontName”; src: url () format (""); font-variant:; font-stretch:; font-weight:; font-style:;)
Dacă presupuneți că acest font este instalat pe computerul utilizatorului și doriți ca fontul să fie încărcat numai după ce utilizatorul a verificat că este disponibil, atunci puteți utiliza valoarea locală () pentru a seta adresa:
@ font-face (familie de fonturi: "WebFont"; src: local ("WebFont"), url (WebFont.eot?) format ("eot"), url (WebFont.woff) format ("woff"), url Format (WebFont.ttf) ("truetype"); greutatea fontului: bold; stilul fontului: cursiv;)
Formate de fonturi web
Proprietatea @ font-face are un suport bun pentru browser, dar diferite browsere folosesc diferite formate de font. Există patru formate principale de font:
format WOFF(Web Open Font Format), un format de font web deschis dezvoltat de Mozilla. Din punct de vedere tehnic, WOFF nu poate fi numit format de font, deoarece este doar un wrapper cu funcție de compresie. Formatul comprimă fonturile în format TTF / OTF pentru a fi utilizate pe Internet. De asemenea, WOFF vă permite să adăugați metadate la fișier, cum ar fi informații despre licență.
Formate OTF/TTF(Fontul OpenType și Fontul TrueType) funcționează în majoritatea browserelor. Ambele formate sunt disponibile gratuit.
format EOT(Embedded Open Type), creat de Microsoft, este o copie comprimată a fontului TTF, care nu poate fi reutilizată de tehnologiile Digital Rights Management (DRM). Acceptat numai în IE 8 și versiuni ulterioare.
SVG / SVGZ(Scalabe Vector Graphics) - Un tip de fișier de font care reprezintă un stil de font vectorial. De obicei, are dimensiuni mai mici de fișiere, permițând astfel performanțe mai bune pe dispozitivele mobile. Funcționează în Opera Mobile și iOS Safari.
Complexitățile utilizării fonturilor încorporate
1) Fișierele cu fonturi pot fi mari, așa că adăugarea @ font-face încetinește încărcarea paginii în unele cazuri.
2) Anumite fonturi au restricții de licențiere care nu permit utilizarea gratuită.
3) Unele fonturi arată prost pe paginile web.
Fonturi TrueType pot fi scalate la orice dimensiune, păstrându-le clare și ușor de citit. Acestea pot fi trimise la orice imprimantă sau alt dispozitiv de ieșire acceptat de Windows.
Fonturi OpenType asociate cu fonturile TrueType, dar folosesc de obicei o mare varietate de caractere de bază, cum ar fi majuscule mai mici, numere în stil vechi și forme suplimentare (cum ar fi glife și ligaturi). Fonturile OpenType pot fi scalate la orice dimensiune și sunt clare și ușor de citit. Acestea pot fi trimise la o imprimantă sau la un alt dispozitiv de ieșire acceptat de Windows.
fonturi PostScript grafică detaliată și de înaltă calitate. Sunt folosite pentru tipărire, în special pentru tipărirea profesională de înaltă calitate a cărților și revistelor.
Ce font să alegi
Depinde de mulți factori. Dacă doriți un font ușor de citit pe ecran și pe hârtie, cea mai bună alegere este font TrueType.
Dacă aveți nevoie de un set mare de caractere pentru utilizarea etichetelor de limbă și a tipăririi tipografice, ar trebui să utilizați font OpenType.
Pentru publicații profesionale (cum ar fi o revistă lucioasă) sau tipărire industrială, alegeți PostScript.
Bună, Habr!
Au fost deja scrise munți de articole care descriu diferite aspecte ale lucrului cu fonturile web, au fost adunate multe exemple de lucru, dar în fiecare zi continuăm să ne confruntăm cu o neînțelegere elementară a ceea ce sunt fonturile web. Nu toată lumea are timp să caute pe Google materiale pe această temă, așa că am încercat să ofer răspunsuri la întrebările frecvente. Acest material va fi de interes în primul rând pentru cei care nu s-au aprofundat încă în complexitatea tehnologiilor fonturilor.
01. De ce avem nevoie de fonturi web, de ce să nu folosim fonturi standard?
Primul lucru care îmi vine în minte este că fonturile standard sunt teribil de plictisitoare și, cu ajutorul lor, este dificil să faci ceva original. De regulă, majoritatea aduc tristețe și descurajare nu numai utilizatorilor, ci și designerilor web. În acest caz, fonturile non-standard sunt mai expresive și, în plus, există un ordin de mărime mai multe dintre ele, așa că există multe dintre care să alegeți. Și, de asemenea, fontul este o parte integrantă a mărcii, așa că fiecare companie se străduiește să-l folosească mai activ, deoarece a apărut o astfel de oportunitate tehnică.Și ar fi posibil să se abandoneze complet fonturile standard, mai ales că multe sisteme de operare mobile nu le acceptă (de exemplu, Arial, Taһoma, Verdana și Georgia). Dar, din păcate, industria, care s-a adaptat pentru ecrane de 96 DPI și Georgia Verdans de mulți ani, s-a dovedit a nu fi deloc pregătită pentru schimbări rapide, iar pe vechile sisteme de operare Windows există încă probleme cu afișarea fonturilor nestandard din cauza la particularitățile mecanismului de rasterizare.
02. Cum aleg un font web bun?
Un tip de literă nu este doar un set digitizat de litere create cu o pensulă pe hârtie sau într-un ilustrator, este, de asemenea, 98% de finisare și lustruire, indicii și testare pe diverse medii și în diferite dimensiuni. Un astfel de font arată bine, stilul său este perfecţionat, nu vor fi probleme cu el nici pe imprimantă, nici pe ecran, emană calitate bună.Cu toate acestea, atunci când alegeți un font, nici măcar acesta contează mult mai mult, ci adecvarea și corespondența fontului cu modul de utilizare și sarcinile care îi sunt atribuite. Dacă lucrați cu fonturi, trebuie să înțelegeți cum funcționează totul ce tehnologii sunt folosite. Acest lucru te va ajuta să nu ții în cap o grămadă de reguli memorate de neînțeles, surprinse în frânturi. De exemplu, fiecare imprimantă care se respectă știe de ce nu este de dorit să folosească fonturi TrueType în tipărirea offset, care fonturi pot fi folosite ca fonturi de text și care sunt doar pentru titluri sau indexuri. Dacă nu știe acest lucru, atunci va trebui să retipărească un tiraj uriaș, iar la locul de muncă se va confrunta cu surprize și probleme constante. Este uimitor de ce nimeni nu solicită designerilor web.
03. Cum redă browserele fonturile?
Destul de des am auzit că browserele redau fonturile în sine, așa că arată diferit peste tot. Dar, de fapt, un subsistem grafic special al sistemului de operare este implicat în redarea fonturilor: în Windows este GDI sau DirectWriteși pe OS X și iOS - CoreText(și anterior QuickDraw). În total, există 3 mecanisme comune de rasterizare (redare) a fonturilor: pixel în două culori (alb și negru), pixel monocrom (este adesea numit și antialiasing sau anti-aliasing obișnuit) și subpixel. Subpixel folosește o caracteristică a ecranelor LCD și cu plasmă în care fiecare pixel este împărțit în 3 părți (roșu, verde și albastru) pentru a crește rezoluția orizontală a imaginii redate și pentru a îmbunătăți claritatea.
Cu toate acestea, browserele își aleg propria metodă de redare dintre cele furnizate de sistemul de operare. De exemplu, GDI are 3 opțiuni de randare: b/w, anti-aliasing obișnuit și subpixel Cleartype... Particularitatea acestuia din urmă este că anti-aliasing-ul are loc numai pe orizontală, în conformitate cu locația subpixelilor. Acesta este motivul pentru care vedem adesea urme oribile în mișcări orizontale și diagonale atunci când îl folosim. Din fericire, Microsoft a început să îmbunătățească încet mecanismul, iar tehnologia DirectWrite a venit să înlocuiască GDI, unde a apărut anti-aliasing-ul vertical. Comparaţie:
04. TTF sau OTF?
TrueType și PostScript au fost inițial formate de fonturi diferite. TrueType folosește curbe Bézier pătratice, în timp ce PostScript utilizează curbe cubice familiare designerilor care lucrează în Illustrator și Photoshop. Astăzi, ambele moduri de descriere a curbelor sunt folosite ca parte a aceluiași format OpenType, cu singura diferență că fișierele cu TrueType au extensia TTF și cu PostScript - OTF. Fiecare dintre tehnologii are propriile sale caracteristici indicative și aplicații specifice.
Uitate la imagine. Dacă un font TrueType este mult mai lizibil la dimensiune mică, dar la o dimensiune mare vedem dinți caracteristici, atunci pentru un font PostScript totul este exact invers. Acest lucru se datorează faptului că browserele aleg diferite metode de rasterizare pentru PS și TT. Pentru PS, browserul a aplicat anti-aliasing monocrom obișnuit, iar TT a fost procesat de ClearType. Deci, se pare că TrueType este de preferat pentru fonturile de text, iar PostScript este mai bun pentru titluri și etichete mari.
De asemenea, vedem că nu toate browserele folosesc încă DirectWrite. Deci, încă nu este în Google Chrome.
05. Ce altceva afectează afișajul?
Uneori este mai bine să setați manual metoda de rasterizare. De exemplu, în browserele cu motorul Webkit, puteți utiliza proprietatea CSS - webkit-font-smoothingși activați manual anti-aliasing normal în loc de anti-aliasing subpixel și invers. Există, de asemenea, modalități non-triviale de a determina browserul să schimbe metoda de rasterizare; Habré a sugerat odată să folosească un hack cu text-shadow.Nu uitați de dimensiunea fontului. Forma conturului, contrastul conturului și lizibilitatea pot varia foarte mult de la dimensiune la dimensiune. Lăsați editorul de grafică deoparte și vedeți cum arată un font web într-un browser, în condiții de luptă.
O altă modalitate de a elimina imperfecțiunile anti-aliasing este gestionarea culorii și a contrastului. Pentru a reduce efectul de contur cromatic (contururile galbene și magenta apar în jurul marginilor când utilizați ClearType), puteți încerca să reduceți contrastul tonal apropiind culoarea de fundal de culoarea textului. Nu vă lăsați dus prea mult, amintiți-vă de utilizatorii cu deficiențe de vedere.
06. Fonturile web au nevoie de indicii?
Sugestiile sunt instrucțiuni speciale care leagă strâns curbele fontului abstract de pixelii de pe monitor. Marea majoritate a fonturilor (inclusiv cele comerciale) nu sunt sugerate, deoarece aceasta este o procedură destul de complicată și consumatoare de timp. Sugestia se face diferit pentru TrueType și PostScript. Dacă luați un font ieftin, formatul OTF este mai sigur, deoarece în TT procedura a rămas neschimbată din zilele rasterizării alb-negru și nu este în totalitate adecvată, dar pentru PS procedura este mai simplă, iar autorul are posibilitatea de a face indicii automate.Fontul fără aluzii devine neclar când este rasterizat, iar înălțimea literelor poate sări.
Pe de o parte, fontul de aluzie este destul de clar, contrastant și uniform, iar pe de altă parte, formele de litere sunt distorsionate în funcție de dimensiune, iar spațierea poate diferi de cele reale. Literele respectă cu strictețe pixelii.
În Windows, vedem poate cea mai radicală abordare: astfel de fonturi populare precum Tahoma, Verdana, Arial și Georgia au fost sugerate în mod special pentru GDI ClearType, iar atunci când a apărut DirectWrite, fonturile principale din setul de sistem de operare au trebuit să fie re-insinuate și actualizate.
Spre deosebire de Microsoft, Apple aderă la abordarea opusă, prin urmare, sistemele sale de operare folosesc algoritmi care permit rezultate mai mult sau mai puțin de înaltă calitate a oricărui font, iar sugestiile nu sunt luate în considerare deloc.
Răspunzând la întrebare: epoca monitoarelor de 300 DPI se apropie cu repeziciune, iar un număr mare de dispozitive mobile au deja o astfel de rezoluție, iar în curând nu va fi deloc nevoie de sugestii. Dar, deoarece Windows este încă dependent de sugestii și se concentrează pe monitoare cu rezoluție scăzută, încercați să alegeți fonturi de sugestii de înaltă calitate sau fonturi standard ca fonturi de text, altfel textul va fi ilizibil și greu de citit.
07. @ font-face sau Cufon?
Oricât de ciudat ar părea, există totuși oameni care își pun această întrebare. S-ar părea că, după ce browserele au început să accepte atributul @ font-face, toate celelalte tehnologii de încorporare a fonturilor (Cufon, sIFR, Flash) ar părea să fi devenit irelevante. Dar mai rămâne un sens, de exemplu, o modalitate de a înlocui fontul cu o imagine, atunci când pe site nu sunt afișate curbe vectoriale, ci doar o imprimare, cum o imprimă o imprimantă pe o foaie sau Photoshop afișează un JPG needitat. Acest lucru este permis de multe licențe de fonturi comune (desktop). Unii producători de fonturi (ex. Adobe) permit încorporarea (în programe și pe server) a unui font de desktop dacă acesta rămâne protejat și nu poate fi descărcat. Dacă nu aveți posibilitatea de a cumpăra o licență web separată, atunci puteți aplica un sIFR adecvat atunci când fontul este încorporat folosind obiecte flash. Dezavantajul este că se folosește Flash, care nu este acceptat de toate dispozitivele. Puteți folosi și tehnologia Cufon (se folosește Canvas), dacă licența permite. Desigur, în acest caz, scenariul va fi greoi, iar selectarea textului nu funcționează, dar într-o situație fără speranță va funcționa.Dar cel mai bine este să utilizați @ font-face, este atât mai avansat tehnologic, cât și mai convenabil, în plus, a fost acumulată suficientă experiență pentru a lucra cu el. Singurul dezavantaj rămas este că nu toți producătorii permit ca fonturile lor să fie folosite pe web.
08. În ce formate ar trebui să fie fișierele cu fonturi?
Fonturile pregătite pentru încorporare (@ font-face) pe un site web astăzi ar trebui să fie în mai multe formate simultan:TTF sau OTF- un fișier de font familiar nouă, dar descărcat de pe server în timpul navigării pe site;
WOFF- arhiva sursă neprotejată OTF sau TTF, poate cel mai important format pe care îl acceptă majoritatea browserelor populare, iar fișierele din WOFF sunt de obicei de 2-2,5 ori mai ușoare decât originalul;
EOT- arhiva implementata TT OpenType cu mecanisme de protectie este necesara pentru a suporta vechile browsere Internet Explorer (incepand de la IE8, pe langa curbele TrueType, este suportat si PostScript);
SVG- pentru a suporta browserul Safari.
09. Este posibil să convertiți fonturi web?
Indiferent ce ți se spune, nu poți pur și simplu să convertești fișierul și să păstrezi calitatea originală a fontului, mai ales dacă a fost inițial în format OpenType. În acest proces, există șansa de a pierde unele date încorporate în fișierul fontului (instrucțiuni compilate, caractere suplimentare, valori). Veți observa acest lucru atunci când fișierul este neașteptat de „subțire” la conversie, în special pentru conversia non-kosher TrueType în PostScript și invers.
În plus, procesul de conversie aproape întotdeauna contrazice termenii unei licențe care interzice modificarea. Mai simplu spus - acesta este același furt. Când încărcați fișiere în convertor, asigurați-vă că acesta nu le va rata și va emite un avertisment, deoarece fișierul conține semnăturile digitale ale producătorului și interdicțiile corespunzătoare de modificare.
10. Cât de mult ar trebui să cântărească fonturile web?
Browserul trebuie să descarce complet fișierele cu fonturi înainte de a afișa pagina. Este posibil să fi văzut efectul „font flash” (sau FOUT), când pentru o scurtă clipă, în loc de fonturi exotice, fonturile standard ale sistemului clipesc. Este în regulă dacă TTF (OTF) se încadrează în 100 kb, iar WOFF (EOT) se încadrează în 50 kb. Luați în considerare întotdeauna dacă trebuie să utilizați fonturi non-standard, chiar dacă le utilizați într-un titlu scurt, tot trebuie să descărcați întregul fișier de font în întregime.Cu cât mai mult perfecționism în design, cu atât fișierele cu fonturi pot cântări mai puțin și încercați să alegeți forme simple. În acest sens, forma ideală este un sans serif geometric deschis, cu puțin contrast. Pentru a accelera încărcarea unui font, poate fi de asemenea util să îl includeți în foaia de stil folosind date: uri.
11. Câte fonturi puteți folosi pe web?
Din punctul de vedere al designerului, o mulțime de stiluri sunt cool. Într-adevăr, pentru titlu - Bold, și acolo, pentru inserție - ExtraLight, vom împinge în general texte inutile și le vom apăsa în Condensed Bold. Aici este - bogăție reală și diversitate stilistică. Dar când toată această „bogăție” începe să fie transferată pe site, se dovedește că totul este teribil de lent. Și este mai bine să nu încerci nici măcar să deschizi un astfel de site de pe un dispozitiv mobil. Și, de asemenea, nu uitați că fiecare font costă bani separati și este posibil ca clientul să vă ceară fie să găsiți un sinonim de font, fie să reduceți numărul de stiluri, doar să nu cumpărați întregul tip de liter scump. Este normal să folosiți maximum 2-3 stiluri ale aceluiași tip de liter sau diferite.12. Trebuie să limitez setul de caractere?
Răspunsul la această întrebare depinde de ce fel de site este și de cum va fi utilizat. Limitele pot fi utile deoarece este posibil să se reducă semnificativ dimensiunea fișierelor. Uneori, din cauza ignoranței, dezvoltatorii încarcă pe site fișiere de fonturi grele cu setul complet de caractere și este bine dacă nu există hieroglife acolo (rețineți că fontul Arial Unicode care conține majoritatea caracterelor din tabelul Unicode cântărește 22 mb) .Pentru cei care fac site-uri în limba engleză cel mai simplu mod, nu trebuie deloc să încarce caractere suplimentare, cele care sunt în limba latină de bază (sau ASCII) sunt suficiente. Dacă utilizați un font numai pentru titlurile în rusă + intercalate cu engleză, atunci seturile ASCII (latina de bază) și 64 de caractere ale alfabetului rus vă vor fi suficiente, nu este deloc necesar să încărcați setul extins chirilic de 420 personaje. Este cu totul altă poveste, dacă site-ul dvs. este multilingv, în acest caz, pentru a evita afișarea incorectă a caracterelor, ar trebui să încercați să acoperiți toate limbile folosite.
13. Pot fi folosite clonele de fonturi?
Se întâmplă că este fie prea scump, fie imposibil să cumpărați un font original, atunci va fi potrivit să alegeți un sinonim de font (clonă). Desigur, nu trebuie să ne așteptăm la o calitate uimitoare de la ei, chiar dacă sunt fabricate, să zicem, de o companie rusă renumită. Totul este rău când dai peste opera unui autor anonim alfabetizat care a decis să se testeze într-un domeniu nou, ferește-te de astfel de fonturi. Iată exemple de clone (originalul este afișat între paranteze): FreeSet (Frutiger), Pragmatica și Helios (Helvetica). Vă rugăm să rețineți că forma literelor poate varia. Un număr mare de clone se află în directorul de sinonime ale fonturilor Paratype.
14. Cum testez un font?
Designeri, nu vă obișnuiți să vedeți fonturile doar prin ferestrele Photoshop, editorii de imagini folosesc propriile tehnici de anti-aliasing și s-ar putea să fiți păcăliți de o imagine frumoasă. Este mult mai util să înveți cum să le testezi și să le urmărești în browsere. Dacă aveți o pagină demo, asigurați-vă că nu apar tot felul de artefacte și vârfuri în timpul redării. Există, de asemenea, un astfel de instrument precum Typecast, unde puteți verifica multe fonturi și apoi puteți afișa pagina clientului. Pentru cei care aleg un font nou pentru un site gata făcut - serviciul indispensabil pentru dvs. Web Fonts Previewer, puteți testa orice font pe un site de lucru live, ca și cum l-ați fi implementat deja.15. Am un font pe computer, îl pot folosi pe site?
În primul rând, puțin despre furt. Cunosc mulți designeri care au mii de fonturi pe computerele lor ale căror origini sunt necunoscute. De regulă, tocmai au descărcat de pe Internet. Dar din anumite motive, nimeni nu crede că crearea de fonturi bune necesită luni și uneori ani de muncă serioasă! Dar nu numai din acest motiv, nu poți folosi falsuri, nu este clar de unde sunt luate fonturile, ci pentru că te poți confrunta cu dificultăți serioase în stadiul de dezvoltare.
Dacă doriți să încorporați un font care vine împreună cu sistemul de operare în site, puteți face acest lucru doar prin rasterizare sau folosindu-l în imagini. Dacă într-adevăr trebuie să încorporați, atunci va trebui să cumpărați o licență separată, la fel ca fonturile obișnuite (atât Georgia, cât și Tahoma sunt disponibile comercial).
16. Cum cumpăr un font web?
Când „cumpărați un font” este cel mai apropiat lucru de cumpărarea de software, atunci când obțineți o licență de utilizare, nu drepturile asupra fișierului programului în sine. Se pare că fișierul font compilat legal este un program. Modificarea și modificarea, dacă nu sunt permise de licență, sunt considerate o încălcare a drepturilor de autor.O modalitate convenabilă de a cumpăra fonturi este prin cataloage de fonturi (Fonts.com, MyFonts, Ascender, Typekit). Puteți vizualiza, compara și alege unul dintre cazurile de utilizare disponibile, plătiți cu cardul. Pentru companii, cel mai ușor va fi să contactați direct studioul de producție sau să oferiți clientului achiziția de fonturi.
Sau poate este mai bine să nu cheltuiți deloc bani pe tip? Există o mulțime de fonturi gratuite grozave care sunt la fel de bune ca și cele plătite!
17. Care sunt licențele?
Există diferite tipuri de licențe de fonturi, iar odată cu apariția fonturilor web, varietatea a crescut. În viața reală, fiecare companie stabilește însăși regulile jocului, iar o licență de font poate conține caracteristici ale diferitelor altele. Ne va interesa tipicul.Licența comercială generală restricționează utilizarea pe un anumit număr de dispozitive și permite distribuirea lucrărilor create folosind fontul. Acestea pot fi reviste, ziare, pliante, cărți de vizită, imagini rasterizate ale fontului - toate împreună le puteți numi tipărituri. Această licență nu este potrivită pentru film, televiziune, web și încorporare în aplicații și programe, astfel de drepturi trebuie răscumpărate separat.
Există și licențe specifice, de exemplu: o licență exclusivă. În acest caz, compania cumpără toate drepturile de la designerii de fonturi și nici măcar autorul fontului nu are dreptul de a-l folosi nicăieri. Este mai ales surprinzător atunci când astfel de fonturi sunt pe torrente sau când unii designeri terți le folosesc.
Licente gratuite (domeniu public) - autorul fontului permite distribuirea gratuita, cu conditia indicarii numelui sau (Creative Commons) sau fara acesta (de exemplu, OFL, GPL, Apache 2.0). Acest tip de licență permite chiar și alte utilizări comerciale decât vânzări și distribuție plătită. Exemple: PT Sans, Opensans, Droid. Modificarea fontului (GPL) este uneori permisă, dar modificarea pe care o creați va moșteni automat aceeași licență (adică și dvs. s-ar putea să fiți bifurcat). Libertatea presupune că poate fi folosit pe orice media, inclusiv. și web.
Gratuit pentru uz necomercial - adică îl puteți folosi ori de câte ori nu câștigați bani din el. Să zicem pentru formare, hobby-uri și proiecte comunitare. Ocazional, producătorii permit folosirea acestuia pentru designeri, în speranța că clientul fericit al designerului va cumpăra apoi o versiune comercială a fontului.
18. Care este diferența dintre licențele pentru fonturi web?
Licențele web sunt preferatele noastre, fie sunt o completare la licența principală, fie sunt date separat. Reglementează un caz special - utilizarea fonturilor pe site-uri. De obicei, cea mai importantă limitare este numărul de vizualizări ale paginilor. De exemplu, 10 mii pe lună, 100 mii sau 1 milion, adică cu cât mai mulți oameni vă vizitează site-ul, cu atât plătiți mai mult pentru o licență. Există, de asemenea, opțiuni nelimitate atunci când plătiți pentru un font 1 dată, dar sunt de multe ori mai scumpe. Probabil, te-ai întrebat dacă cineva urmărește numărul de vizualizări? De cele mai multe ori, nu. Dar nu uitați că un număr mare de contoare urmăresc traficul site-ului dvs. și, stârnind suspiciunea vânzătorului, vă puteți pierde licența.De asemenea, licența web autonomă nu permite utilizarea pe computere obișnuite. Uneori, o licență web este emisă gratuit, adică, odată cu achiziționarea unui font desktop, aveți dreptul de a utiliza versiunea sa web. Dar aceasta este încă o raritate, marea majoritate a producătorilor necesită o taxă suplimentară.
După cumpărare, primiți fișiere speciale pe care le încorporați în site (TTF, OTF, WOFF, EOT), iar unele fonturi nu permit plasarea acestor fișiere pe site într-o formă neprotejată, întrucât, teoretic, terții pot obține fișierele cu fonturi în sine. A treia opțiune este să utilizați un serviciu web dedicat de la un producător de fonturi, cum ar fi Typekit de la Adobe și să plătiți o taxă de abonament.
19. De unde pot obține fonturi web bune?
Google Free Fonts DirectoryFontsquirrel este un convertor și un director de fonturi web renumit
Myfonts este un magazin imens de fonturi cu un sistem de plată convenabil
Fonts.com este principalul concurent al MyFonts
Typekit - un serviciu de închiriere de fonturi de la Adobe
Typecast este magazinul menționat mai sus cu un serviciu de testare
P.S. O altă resursă utilă pe care a sfătuit-o Ilyaerin, WebFont.ru Funcționalitatea este mai importantă decât forma: proiectarea pentru cititor
Maria Doreuli. Licențiere. Ca să fie clar
Tim Brown. Redarea tipului pe web
Tim Brown. Proprietăți CSS care afectează redarea tipului
Tim Brown. Redare tip: sisteme de operare
Tim Ahrens. O privire mai atentă asupra redării fonturilor
Tim Ahrens (Typekit). O privire mai atentă la sugestiile TrueType
Beneficiile OpenType / CFF față de TrueType
Ildar Kinyabulatov, designer web ADV / inginerie web
Când lucrați pe o platformă Mac sau Windows PC, utilizați în mod constant fonturi. Începând cu designerii grafici, ale căror colecții conțin sute sau chiar mii de fonturi, și terminând cu utilizatorii obișnuiți care se ocupă doar de setul standard de fonturi de sistem de operare și aplicații, toți le folosesc constant atunci când creează documente, citesc materiale pe Internet și gestionează interfața cu utilizatorul. Înțelegerea modului în care diferă principalele formate de fișiere de font vă va ajuta să le utilizați mai pe scară largă și să profitați de întreaga gamă de fonturi.
Fișierele TTF fac parte din setul de bază al fonturilor Windows TrueType. Odată cu apariția celor mai recente versiuni de Mac OS X, acest format de font cu o singură platformă a devenit comun și este acum prezent pe ambele sisteme de operare dominante ale lumii. Apple a modificat ușor formatul TrueType, pregătindu-l pentru a înlocui fonturile vechi bitmap cu un standard mai flexibil și le-a încorporat cu succes în noul sistem de operare.
Standardul TrueType prevede utilizarea unui singur fișier pentru a descrie fontul, care conține toate informațiile necesare redării (desenării) fontului pe ecranul de afișare și când este tipărit. În comparație cu TrueType, să presupunem că unele fonturi tipografice vechi, cum ar fi PostScript Type 1 (dezvoltat de Adobe Systems), au un design mult mai complex și consumator de computere.
Standardul OTF reprezintă fontul OpenType și se bazează pe cele mai recente tehnologii de construcție a fonturilor. La fel ca TrueType, fonturile OpenType sunt multi-platformă. Dar, spre deosebire de predecesorul lor, vă permit să puneți mai multe stiluri de afișare într-un fișier simultan și să accepte un set de caractere în diferite limbi.
În plus, fonturile OpenType pot folosi diferite stiluri de font pentru aplicații specifice, schimbându-le în funcție de context. Acest nou standard le-a oferit designerilor o oportunitate excelentă de a crea fonturi similare scrisului de mână. În funcție de fontul OpenType, acesta se poate baza pe algoritmi de potrivire a curbei luați din TrueType sau PostScript Type 1.
Standardul DFONT (fișiere cu extensia DFONT) reprezintă fontul Datafork TrueType. Acest format de fișier a fost standardul pentru fonturile de sistem în Mac OS X. Cu toate acestea, odată cu lansarea Mac OS X 10.6 Snow Leopard, Apple a înlocuit acest standard cu TTC sau TrueType Collection. Formatul DFONT este acceptat exclusiv pentru Mac OS X și este sortit „uitării”, deoarece nu mai este destinat să devină cross-platform.
Alte formate
Fonturile bitmap mai vechi au avut limitări semnificative. Deci, fiecare dintre ele putea folosi doar trei dimensiuni (înălțimi) în documente și pentru asta trebuia să apelezi la o aplicație specială de gestionare a fonturilor. Aceste restricții au fost rapid respinse de designeri grafici.
Fonturile PostScript Type 1 elimină acest dezavantaj și se scalează bine pentru imprimare, dar imprimanta trebuie să fie compatibilă cu acest standard de font. Adobe Systems, dezvoltatorul acestui standard, a propus ulterior utilizarea aplicației Adobe Type Manager pentru a elimina restricțiile privind imprimarea.
Un fișier OTF este un fișier cu fonturi dezvoltat în comun de Adobe, Microsoft. Acest format de fișier include aspectul unor formate precum TrueType și PostScript. Fonturile OpenType pot fi scalate fără a pierde calitatea originală a textului.
Extensia OTF este acceptată pe sistemele de operare Mac OS, precum și pe sistemele Windows. Platformele Microsoft au început să suporte fișiere OTF începând cu Windows 2000. De remarcat că acest tip de fișier, pe lângă scopul său principal, poate fi folosit ca fișier șablon folosit de OpenOffice pentru a forma formule. Într-un astfel de caz, prezența fișierului .otf este utilă pentru completarea automată a tabelelor folosind formule. Extensia de fișier OTF are o gamă largă de distribuție între utilizatori.
Experții consideră că această extensie de fișier este un așa-numit container, format ținând cont de regulile TrueType și capabil să conțină fișiere de date PostScript și TrueType. Un font Open Type poate stoca noi tipuri de date care nu erau prezente în formatele TrueType. Fișierele cu extensia .otf pot stoca date despre contururi, valori, precum și informații despre servicii.
Pentru a deschide fișierul cu extensia OTF, ca și alte fișiere cu fonturi, utilizați Font Viewer de la Microsoft. Utilizatorii MacOS pot deschide fișierul OTF datorită complexului Apple Font Book. FontForge este un utilitar universal care poate deschide fișierul .otf pe sistemele enumerate mai sus, inclusiv pe platforma Linux.
