Fonturi TrueType poate fi scalat la orice dimensiune și va fi întotdeauna clar și ușor de citit. Acestea pot fi trimise la orice imprimantă sau alt dispozitiv de ieșire care este acceptat de Windows.
Fonturi OpenType legate de fonturile TrueType, dar folosesc de obicei o gamă largă de caractere de bază, în special majuscule mici, numere în stil vechi și forme suplimentare (cum ar fi glife și ligaturi). Fonturile OpenType pot fi scalate la orice dimensiune, dar sunt clare și ușor de citit. Acestea pot fi trimise la o imprimantă sau la alt dispozitiv de ieșire care este acceptat de Windows.
fonturi PostScript detaliate și au caracteristici grafice ridicate. 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ă aveți nevoie de un font ușor de citit pe ecran și pe hârtie, este mai bine să alegeți font TrueType.
Dacă aveți nevoie de un set mare de caractere pentru marcajele de limbă și tipografie, ar trebui să utilizați font OpenType.
Pentru publicații cu tipărire profesională (de ex. revistă lucioasă) sau industrială, alegeți PostScript.
Cea mai frecventă problemă care împiedică utilizatorii să deschidă acest fișier este un program atribuit incorect. Pentru a remedia acest lucru în sistemul de operare Windows, trebuie să faceți clic dreapta pe fișier, în meniul contextual, să treceți cu mouse-ul peste elementul „Deschide cu” și să selectați „Selectați un program...” din meniul derulant. Ca rezultat, veți vedea o listă de programe instalate pe computer și îl puteți selecta pe cel adecvat. De asemenea, vă recomandăm să bifați caseta de lângă „Utilizați această aplicație pentru toate fișierele OTF”.
O altă problemă pe care utilizatorii noștri o întâmpină destul de des este că fișierul OTF este corupt. Această situație poate apărea în multe cazuri. De exemplu: fișierul a fost descărcat incomplet ca urmare a unei erori de server, fișierul a fost deteriorat inițial etc. Pentru a rezolva această problemă, utilizați una dintre recomandările:
- Încercați să găsiți fișierul de care aveți nevoie într-o altă sursă de pe Internet. S-ar putea să ai noroc să găsești o versiune mai potrivită. Exemplu de căutare Google: „File filetype:OTF” . Doar înlocuiți cuvântul „fișier” cu numele dorit;
- Cereți-le să vă trimită din nou fișierul original, este posibil să fi fost deteriorat în timpul transmiterii;
Fiecare web designer visează să creeze un site web cu o tipografie frumoasă. Dar, 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 caractere care au caracteristici de design comune - greutate, stil, design, stil, greutate, dimensiune, de exemplu, fonturi sans serif (sau sans serif), fonturi serif (serif) . Tipul este format dintr-un set de caractere (cifre, litere, semne de punctuație, caractere speciale și poate consta și din caractere nealfabetice).
Font este un set de simboluri de o anumită dimensiune, greutate și stil. De exemplu, un font în stil italic Times New Roman de 16 px este un font, iar un font în stil italic Times New Roman de 10 px este altul.
regula @font-face vă permite să conectați o varietate de fonturi personalizate. Browserul încarcă fonturi într-un cache și le folosește pentru a formata textul de pe pagină. Această abordare se numește încorporarea fontului, iar fonturile încorporate sunt fonturi web.
Regula @font-face ar trebui plasată înaintea tuturor celorlalte reguli CSS, deoarece această tehnică 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, furnizați un link către 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 ( font-family: "WebFont"; src: url(WebFont.eot?) format("eot"), /* IE8+, sign? vă permite să ocoliți o eroare în gestionarea valorii src */ url( WebFont.woff) format ("woff"), /* toate browserele moderne, IE9+ */ url(WebFont.ttf) format ("truetype"); /* toate browserele moderne */ ) p (familie de fonturi: "WebFont" , Arial, sans -serif; )
Acest cod îi spune browserului să afișeze text în interiorul elementului
Folosind un font WebFont. Dacă browserul din anumite motive nu poate încărca acest font, îl va selecta pe cel adecvat din lista de fonturi. Le parcurge în acea ordine până când găsește un font pe care îl poate folosi cu succes.
În cadrul fiecărei familii de fonturi, pot fi definite până la nouă 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 puteți declara două fonturi diferite sau un font din aceeași familie, ci de stiluri și greutăți diferite, într-o singură regulă.
@font-face (familie de fonturi: "WebFont"; src: url(WebFont.eot?) format("eot"), url(WebFont.woff) format ("woff"), url(WebFont.ttf) format( „truetype”); greutate font: bold; stil font: cursiv; ) @font-face (familie de fonturi: „WebFont”; src: url(WebFont.eot?) format(„eot”), url(WebFont .woff) format(„woff”), url(WebFont.ttf) format(„truetype”); greutate font: 400; stil font: normal; )
În general, puteți seta următoarele proprietăți pentru un font:
@font-face (familie-font: „Nume font”; src: format url()(" "); varianta font: ; font-stretch: ; greutate font: ; stil font: ; )
Dacă presupuneți că un anumit font este instalat pe computerul utilizatorului și doriți ca fontul să fie descărcat numai după ce verificați dacă utilizatorul îl are, 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 (WebFont.ttf) format ("truetype"); greutate font: bold; stil font: cursiv; )
Formate de fonturi web
Proprietatea @font-face are un suport bun pentru browser, dar diferite browsere utilizează 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 utilizare pe Internet. WOFF vă permite, de asemenea, 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 dezvoltatorii Microsoft, este o copie comprimată a fontului TTF, a cărei reutilizare este interzisă de tehnologiile DRM (Digital Rights Management). Acceptat numai în IE, începând cu versiunea 8.
SVG/SVGZ(Scalabe Vector Graphics) este un tip de fișier de font care reprezintă un stil de font vectorial. De obicei, are fișiere de dimensiuni mai mici, îmbunătățind astfel performanța pe dispozitivele mobile. Funcționează în Opera Mobile și iOS Safari.
Dificultate la utilizarea fonturilor încorporate
1) Fișierele cu fonturi pot fi mari, așa că, în unele cazuri, adăugarea @font-face încetinește încărcarea paginii.
2) Unele fonturi au restricții de licențiere care nu permit utilizarea gratuită.
3) Unele fonturi pur și simplu nu arată bine pe paginile web.
Bună, Habr!
Au fost deja scrise munți de articole care descriu diferite aspecte ale lucrului cu fonturile web, au fost colectate multe exemple de lucru, dar în fiecare zi continuăm să ne confruntăm cu o neînțelegere de bază 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 nu de cele standard?
Primul lucru care îmi vine în minte este că fonturile standard sunt teribil de plictisitoare și este dificil să faci ceva original cu ajutorul lor. De regulă, majoritatea aduc melancolie ș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. În plus, 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 s-ar putea abandona 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 timp de mulți ani a fost ajustată la ecrane de 96 DPI și Georgia verdans, nu era destul de pregătită pentru schimbări rapide, iar pe sistemele de operare Windows mai vechi există încă probleme cu afișarea fonturilor nestandard din cauza particularităților mecanismul de rasterizare.
02. Cum să alegi un font web bun?
Un font nu este doar un set digitizat de litere create cu o pensulă pe hârtie sau în Illustrator, este, de asemenea, 98% reglaj fin și lustruit, indiciu și testare pe diverse medii și în diferite dimensiuni. Acest font arată bine, stilul său este lustruit, nu vor fi probleme cu el nici pe imprimantă, nici pe ecran, emană o calitate bună.Cu toate acestea, atunci când alegeți un font, nici măcar acesta este de o importanță mult mai mare, ci adecvarea și conformitatea fontului cu metoda 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 reprize. De exemplu, fiecare imprimantă care se respectă știe de ce nu este de dorit să folosească fonturi TrueType pentru imprimarea offset, care fonturi pot fi folosite ca fonturi de text și care - numai pentru titluri sau indici. Dacă nu știe acest lucru, atunci va trebui să retipărească un tiraj uriaș, iar surprize și probleme constante îl vor aștepta la serviciu. Este surprinzător de ce nimeni nu solicită designerilor web.
03. Cum redă browserele fonturile?
Destul de des am auzit că browserele desenează ele însele fonturile, așa că arată diferit peste tot. Dar, de fapt, un subsistem grafic special al sistemului de operare este angajat în redarea fonturilor: în Windows aceasta GDI sau DirectWriteși pe OS X și iOS - CoreText(și anterior QuickDraw). Există 3 mecanisme comune de rasterizare (redare) a fonturilor: pixel în două culori (alb și negru), pixel monocrom (numit adesea antialiasing sau anti-aliasing obișnuit) și subpixel. Subpixel folosește caracteristica ecranelor LCD și cu plasmă, unde 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 randate ș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: alb-negru, anti-aliasing obișnuit și subpixel ClearType. Particularitatea acestuia din urmă este că netezirea are loc numai pe orizontală, în conformitate cu locația subpixelilor. Acesta este motivul pentru care vedem adesea denivelări groaznice pe liniile orizontale și diagonale ale fontului atunci când îl folosim. Din fericire, Microsoft a început să îmbunătățească încet mecanismul, iar GDI a fost înlocuit cu tehnologia DirectWrite, care a introdus anti-aliasing vertical. Comparaţie:
04. TTF sau OTF?
TrueType și PostScript au fost inițial formate de fonturi diferite. TrueType folosește curbe Bezier pătratice, în timp ce PostScript utilizează curbe cubice, care sunt familiare designerilor care lucrează în Illustrator și Photoshop. Astăzi, ambele metode de descriere a curbelor sunt folosite ca parte a aceluiași format OpenType, singura diferență fiind că fișierele TrueType au o extensie TTF, iar fișierele PostScript au o extensie OTF. Fiecare tehnologie are propriile sale caracteristici de sugestie și specificul aplicației.
Uitate la imagine. Dacă un font TrueType este mult mai lizibil într-o 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 cu ClearType. Deci, se pare că TrueType va fi de preferat pentru fonturile de text, iar PostScript este mai bun pentru titluri și inscripții 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 obișnuit în loc de anti-aliasing sub-pixel și invers. Există, de asemenea, modalități non-triviale de a determina browserul să schimbe metoda de rasterizare; aceasta a fost odată sugerată pe Habré.Nu trebuie să uităm de dimensiunea fontului (font-size). Forma conturului, contrastul conturului și lizibilitatea pot varia foarte mult între dimensiunile fontului. Pune jos editorul grafic și vezi cum arată fontul web în browser, în luptă.
O altă modalitate de a atenua deficiențele anti-aliasing este prin gestionarea culorilor și a contrastului. Pentru a reduce efectul conturării cromatice (atunci când utilizați ClearType, pe margini apar contururi galbene și magenta), 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ă despre utilizatorii cu vedere scăzută.
06. Fonturile web au nevoie de indicii?
Sugestiile sunt instrucțiuni speciale care leagă rigid curbele abstracte ale unui font de pixelii de pe monitor. Marea majoritate a fonturilor (inclusiv cele comerciale) nu sunt sugerate, deoarece aceasta este o procedură destul de complexă și care necesită multă muncă. Sugestiile sunt efectuate 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.Un font fără aluzii devine neclar când este rasterizat, iar înălțimea literelor poate sări.
Pe de o parte, un font cu sugestii este destul de clar, contrastant și uniform, dar pe de altă parte, formele literelor sunt distorsionate în funcție de dimensiune, iar spațierea poate diferi de cele reale. Literele sunt strict subordonate pixelilor.
În sistemul de operare Windows vedem poate cea mai radicală abordare: fonturi atât de populare precum Tahoma, Verdana, Arial și Georgia au fost sugerate în mod special pentru GDI ClearType, iar când a apărut DirectWrite, principalele fonturi incluse în sistemul de operare au trebuit să fie re-insinuate și actualizate.
Spre deosebire de Microsoft, Apple adoptă o abordare inversă, așa că sistemele sale de operare folosesc algoritmi care permit afișarea oricărui font mai mult sau mai puțin eficient, iar sugestiile nu sunt luate în considerare deloc.
Pentru a răspunde la întrebare: epoca monitoarelor de 300 DPI se apropie cu repeziciune, iar un număr mare de dispozitive mobile au deja această rezoluție, iar în curând nu va fi deloc nevoie de sugestii. Dar, deoarece Windows rămâne încă dependent de indicii și axat pe monitoare cu rezoluție scăzută, încercați să alegeți fonturi de înaltă calitate sugerate sau standard pentru text, altfel textul va fi ilizibil și greu de înțeles.
07. @font-face sau Cufon?
Oricât de ciudat ar suna, mai există 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) păreau să devină irelevante. Dar o oarecare semnificație rămâne, de exemplu, o modalitate de a înlocui un font cu o imagine, atunci când pe site nu sunt afișate curbe vectoriale, ci doar o imprimare, așa cum o imprimă o imprimă pe o foaie sau Photoshop scoate un JPG needitat. Acest lucru este permis de multe licențe de fonturi obișnuite (desktop). Unii producători de fonturi (de exemplu, Adobe) permit ca fontul desktop să fie încorporat (în programe și pe server), atâta timp cât acesta rămâne protejat și nu poate fi descărcat. Dacă nu puteți achiziționa o licență web separată, atunci puteți utiliza sIFR-ul corespunzător atunci când fontul este încorporat folosind obiecte Flash. Dezavantajul este că 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 va funcționa, dar într-o situație disperată va funcționa.Dar cel mai bine este să folosiți @font-face, este atât mai avansat din punct de vedere tehnologic, cât și mai convenabil și, în plus, s-a acumulat suficientă experiență pentru a lucra cu el. Are un singur dezavantaj: 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?
Astăzi, fonturile pregătite pentru implementare (@font-face) pe un site web ar trebui să fie în mai multe formate:TTF sau OTF- un fișier de font care ne este familiar, dar încărcat de pe server în timp ce vizualizați site-ul;
WOFF- arhiva sursă neprotejată OTF sau TTF este poate cel mai important format care este suportat de cele mai populare browsere, iar fișierele din WOFF sunt de obicei de 2–2,5 ori mai ușoare decât cele originale;
EOT- este nevoie de o arhiva implementata de TT OpenType, care are mecanisme de protectie, pentru a suporta browsere Internet Explorer mai vechi (incepand de la IE8, pe langa curbele TrueType, este suportat si PostScript);
SVG- pentru a suporta browserul Safari.
09. Pot fi convertite fonturile web?
Indiferent de ceea ce vă spun oamenii, nu puteți pur și simplu să convertiți un fișier și să păstrați 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 „pierde în greutate” brusc în timpul conversiei; este deosebit de nekosher să convertiți TrueType în PostScript și invers.
În plus, procesul de conversie încalcă aproape întotdeauna termenii de nemodificare ai licenței. Pur și simplu, este același lucru cu furtul. Când aruncați fișiere în convertor, fiți siguri că nu le va rata și va emite un avertisment, deoarece fișierul conține semnăturile digitale ale producătorului și restricțiile de modificare corespunzătoare.
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. Poate ați văzut efectul „font flash” (sau FOUT), când pentru o scurtă clipă, în loc de fonturi exotice, fonturile standard de sistem clipesc. Este normal dacă TTF (OTF) se încadrează în 100 kb, iar WOFF (EOT) se încadrează în 50 kb. Gândiți-vă întotdeauna dacă trebuie să utilizați fonturi personalizate, chiar dacă le utilizați într-un titlu scurt, va trebui totuși să descărcați întregul fișier cu fonturi.Cu cât designul este mai perfecționist, cu atât fișierele cu fonturi pot cântări mai mici și încercați să alegeți forme simple. În acest sens, forma ideală este un grotesc geometric deschis cu contrast scăzut. Pentru a accelera încărcarea fonturilor, este de asemenea util să folosiți data:uri.
11. Câte stiluri de font pot fi folosite pe web?
Din punctul de vedere al designerului, o mulțime de fonturi sunt cool. Și într-adevăr, pentru antet - Bold, și acolo, pentru insert - 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 încercați nici măcar să deschideți un astfel de site de pe un dispozitiv mobil. 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 pentru a nu cumpăra toate fonturile scumpe. Este normal să folosiți maximum 2-3 stiluri ale aceluiași tip de caractere sau diferite.12. Este necesar să se limiteze setul de caractere?
Răspunsul la această întrebare depinde de ce fel de site este și de cum va fi utilizat. Restricțiile pot fi utile deoarece este posibil să se reducă semnificativ dimensiunea fișierelor. Uneori, din cauza ignoranței, dezvoltatorii încarcă pe site fișiere cu fonturi grele cu setul complet de caractere și este bine dacă nu există hieroglife (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 ușor, nu trebuie deloc să încarce caractere suplimentare, sunt suficiente cele în limba latină de bază (sau ASCII). Dacă utilizați fontul numai pentru titluri în rusă + incluziuni de engleză, atunci seturile ASCII (latina de bază) și 64 de caractere din alfabetul rus vă vor fi suficiente; nu este deloc necesar să încărcați setul chirilic extins de 420 de caractere . Este cu totul altă poveste dacă site-ul dvs. este multilingv, caz în care, pentru a evita afișarea incorectă a caracterelor, trebuie să încercați să acoperiți toate limbile folosite.
13. Pot folosi clone de font?
Se întâmplă că cumpărarea fontului original este fie prea scumpă, fie chiar imposibilă, atunci va fi potrivit să alegeți un sinonim de font (clonă). Desigur, nu ar trebui să vă așteptați la o calitate uimitoare de la ei, chiar dacă sunt produse, să zicem, de o companie rusă renumită. Totul este complet rău când dai peste opera vreunei persoane anonime alfabetizate care a decis să se încerce într-un domeniu nou, ferește-te de astfel de fonturi. Iată exemple de clone (originalul este indicat între paranteze): FreeSet (Frutiger), Pragmatica și Helios (Helvetica). Vă rugăm să rețineți că formele literelor pot varia. Există un număr mare de clone în directorul de sinonime ale fonturilor Paratype.
14. Cum se testează un font?
Designeri, nu vă obișnuiți să vedeți fonturile doar prin ferestrele Photoshop, editorii grafici folosesc propriile metode de netezire a textului și puteți fi înșelaț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ă există o pagină demo, asigurați-vă că nu apar tot felul de artefacte și vârfuri în timpul redării. Există, de asemenea, un instrument numit 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 web deja terminat, serviciul Web Fonts Previewer este indispensabil pentru tine; poți testa orice font pe un site web activ, funcțional, de parcă l-ai fi implementat deja.15. Am un font pe computer, îl pot folosi pe site?
În primul rând, puțin despre furt. Cunosc o mulțime de designeri care au mii de fonturi pe computer, a căror origine nu știe nimeni. De regulă, pur și simplu l-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 acesta nu este singurul motiv pentru care nu ar trebui să folosești fonturi care sunt pârjolite și luate din surse necunoscute, ci și pentru că s-ar putea să întâmpinați dificultăți serioase în stadiul de dezvoltare.
Dacă doriți să încorporați un font care vine împreună cu sistemul de operare în site-ul dvs. web, puteți face acest lucru doar prin rasterizarea sau folosindu-l în imagini. Dacă chiar 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 la vânzare).
16. Cum să cumpărați un font web?
Când „cumpărați un font”, cel mai apropiat lucru de cumpărare de software este că primiți o licență de utilizare, mai degrabă decât drepturile asupra fișierului programului în sine. Se pare că un fișier de font compilat legal este un program. Modificarea sau modificarea, cu excepția cazului în care este permisă de licență, este considerată 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). Veți putea vizualiza, compara și selecta una dintre opțiunile disponibile pentru utilizare și puteți plăti cu cardul. Cel mai simplu mod pentru companii ar fi să contacteze direct studioul de producție sau să lase achiziționarea fonturilor în seama clientului
Sau poate că este mai bine să nu cheltuiți deloc bani pe un font? Există multe fonturi gratuite grozave care sunt la fel de bune ca și cele plătite!
17. Ce tipuri de licențe există?
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 vor interesa cele tipice.O licență comercială obișnuită limitează 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 putem numi tipărituri. Această licență nu este potrivită pentru film, televiziune, web și încorporare în aplicații și programe; aceste drepturi trebuie achiziționate separat.
Există și licențe specifice, de exemplu: o licență cu drepturi exclusive. În acest caz, compania cumpără toate drepturile de la designerii de tipare și nici măcar autorul fontului nu are dreptul de a-l folosi nicăieri. Este mai ales surprinzător când astfel de fonturi sunt pe torrente sau când unii designeri terți le folosesc.
Licențe gratuite (domeniu public) - autorul fontului permite distribuirea gratuită, cu sau fără condiția de a-și indica numele (Creative Commons) (de exemplu, OFL, GPL, Apache 2.0). Acest tip de licență permite chiar și utilizarea comercială, altele decât vânzările și distribuția plătită. Exemple: PT Sans, Opensans, Droid. Uneori, modificarea unui font este permisă (GPL), dar modificarea pe care o creați moștenește automat aceeași licență (înseamnă că puteți fi și bifurcat). Libertatea presupune că poate fi folosit pe orice media, inclusiv. și web.
Gratuit pentru uz necomercial - adică îl poți folosi în toate cazurile în care nu faci bani din asta. De exemplu, pentru formare, hobby-uri și proiecte comunitare. Uneori, producătorii permit utilizarea pentru designeri, în speranța că norocosul client al designerului va cumpăra apoi o versiune comercială a fontului.
18. Cum diferă licențele pentru fonturile web?
Licențele web sunt preferatele noastre, fie sunt în plus față de licența principală, fie sunt date separat. Reglementează un caz special - utilizarea fonturilor pe site-uri web. De regulă, 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 licență. Există și opțiuni nelimitate, atunci când plătiți pentru font o dată, dar sunt de multe ori mai scumpe. Probabil te-ai întrebat, ține cineva evidența numărului de vizualizări? Cel mai adesea nu. Dar nu uita că un număr mare de contoare monitorizează traficul site-ului tău și, dacă trezești suspiciunea vânzătorului, îți poți pierde licența.Și totuși, o licență web separată nu permite utilizarea pe computere obișnuite. Uneori, o licență web este emisă gratuit, adică, în același timp cu achiziționarea unui font desktop, aveți dreptul de a utiliza versiunea sa web. Dar acest lucru este încă rar; marea majoritate a producătorilor necesită o taxă suplimentară.
După achiziție, 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ă, deoarece teoretic terți ar putea obține fișierele cu fonturi în sine. A treia opțiune este să utilizați un serviciu web special al unui producător de fonturi, cum ar fi Typekit, deținut de Adobe, și să plătiți o taxă de abonament.
19. De unde pot obține fonturi web bune?
Catalog de fonturi gratuite de la GoogleFontsquirrel este un convertor de fonturi web și un director celebru
Myfonts - 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 - magazinul menționat mai sus cu serviciu de testare
P.S. O altă resursă utilă care a fost recomandată de Maria Doreuli, WebFont.ru. 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, web designer ADV/web-inggineering
Sunteți aici pentru că aveți un fișier care are o extensie de fișier care se termină în .otf. Fișierele cu extensia de fișier .otf pot fi lansate numai de anumite aplicații. Este posibil ca fișierele .otf să fie fișiere de date și nu documente sau media , ceea ce înseamnă că nu sunt menite să fie deloc vizionate.
ce este un fișier .otf ?
aplicații care deschid un fișier .otf
Microsoft Windows Font Viewer
Microsoft Windows Font Viewer
Font Viewer este un utilitar care poate previzualiza fonturile în mai multe moduri, inclusiv exemplu de text, listă de comparație și hartă mare de caractere. Software de procesare de text și de publicare desktop care oferă previzualizări ale fonturilor pentru a facilita alegerea fontului dorit de utilizatori. De obicei, au o listă derulantă de fonturi cu fiecare nume de font afișat. Deși o mulțime de vizualizatoare de fonturi gratuite nu sunt dezvoltate în mod activ, utilizatorii pot găsi unul vechi care este încă util. Chiar și utilitarele standard de fonturi Windows" pot fi suficiente pentru unii utilizatori. Mulți dintre vizualizatori sunt în principal hărți de caractere. Acestea se concentrează pe setul de caractere utilizat de fiecare font. Aceasta este vizualizarea de care au nevoie utilizatorii atunci când încearcă să decidă ce simbol să insereze în un document sau când este necesar să tastați un cuvânt într-o limbă străină plină de caractere necunoscute cu accente ciudate. Imprimați exemple de liste de fonturi pentru a le avea la îndemână în timp ce lucrați cu aplicații grafice. În trecut, vizualizatorii prezentau în general doar 256 ASCII sau ANSI caractere, dar cele mai utile vizualizatoare arată acum setul de caractere Unicode extins. 
FontForge pentru Mac