Meniul
AcasăCuvânt

Totul despre fonturile web. Linia este prea lungă. În ce formate ar trebui să fie fișierele cu fonturi?

Există un milion de lucruri la care să te gândești atunci când creezi designul web perfect: crearea de grafică, alegerea culorilor, alegerea imaginilor potrivite... Dar există un lucru pe care oamenilor le place să-l subestimeze atunci când își creează site-ul web și aleg fonturile. Nu face aceeași greșeală. Alegere font corect poate avea un impact uriaș asupra aspectului final al designului dvs. web. Acest lucru poate părea un lucru mic, dar vă poate duce designul web la nivelul următor. Lasă-mă să-ți arăt cum. În acest articol, vă voi spune tot ce trebuie să știți atunci când alegeți fonturile pentru designul dvs. web.

de Deni K pentru Civil Pour

Un ghid de brand definește modul în care sunt utilizate elementele care alcătuiesc marca dvs. Ghidul dvs. de branding este un instrument important pentru comunicarea unei strategii de branding consistente. Acesta este un set de reguli care vă vor ajuta pe dvs. și pe designerul dvs. să creați identificare unicăîn timp ce conectezi mai multe elemente ale mărcii tale, definindu-ți culorile, logo-ul și, bineînțeles, tipografia.

Deci, dacă aveți deja un ghid de brand cu care să lucrați, asigurați-vă că îl respectați atunci când vă creați designul web. Dacă nu aveți încă unul, iată cum puteți crea un ghid de brand.

Importanța consecvenței

Ați putea fi tentat să experimentați cu noi fonturi atunci când vă creați designul web, dar nu faceți acest lucru! De fiecare dată când cineva vă primește cartea de vizită sau vă vizitează site-ul web, are o mică privire asupra ADN-ului mărcii dvs. și a designului general al companiei dvs. Împreună, aceste puncte de vedere ale mărcii dvs. trebuie să creeze o imagine completă și coerentă, altfel marca dvs. poate arăta ca o mizerie amestecată fără valoare de recunoaștere. De aceea, este important să fii consecvent pe toate platformele digitale și materialele tipărite atunci când vine vorba de culoare, stil și, ai ghicit, fonturi.

Potriviți fonturile existente ale mărcii dvs

de FuturisticBug pentru Nordkern

Marca va include fonturile și familiile, dimensiunile fonturilor și ierarhia fonturilor pe care marca dvs. le folosește, astfel încât să le puteți integra imediat în designul dvs. web. Dar dacă marca dvs. folosește un font necunoscut, instrumente precum funcția „WhatTheFont” de pe Myfonts.com vă pot ajuta să determinați numele fontului cu care aveți de-a face.

Cu toate acestea, dacă marca dvs. folosește propria sa tipografie, designerul dvs. va încerca să găsească un font web similar pe care să îl utilizați în designul dvs. web. Din cauza diferite browsere web tipografia dvs. tipică poate ajunge să fie mai puțin clară și mai curată decât v-ați dori, așa că mulți designeri web vor folosi Fonturile Google pentru a se potrivi îndeaproape cu tipografia mărcii dvs.

Încă nu există fonturi sau indicații
—

Nu ți-ai ales încă fonturile pentru semnătură? Iată câteva lucruri importante la care să te gândești atunci când alegi un font pentru designul tău web:

Aflați personalitatea mărcii dvs

Alegerea fontului dvs. ar trebui să reprezinte personalitatea mărcii dvs., astfel încât designul dvs. să pară corect. Ești o afacere tradițională, sau ești minimalist și modern, sau distractiv și ciudat? V-ați descrie compania ca fiind retro, clasică, nervoasă, funky? Consultați acest articol pentru mai multe întrebări pe care să vă puneți despre personalitatea dvs. unică a mărcii.

Odată ce răspunzi la aceste întrebări de bază, vei înțelege personalitatea mărcii tale și aspectul la care ar trebui să te străduiești în designul tău web. Pe baza acestei identități, acum puteți alege fonturile potrivite pentru marca dvs.

Alegeți fonturi care se potrivesc cu marca dvs

Să presupunem că aveți un magazin de îmbrăcăminte vintage cu o atmosferă modernă cool. Puteți combina un font vechi, un font grozav pentru titluri, cu un font clasic sans-serif pentru textul corpului. De exemplu, dacă utilizați un font vechi frumos similar cu Arvo pentru titluri, atunci este o idee bună să utilizați text text sans serif, cum ar fi Open Sans, care este cunoscut pentru lizibilitatea sa. Acest lucru vă va oferi un aspect echilibrat, atemporal și modern și funcționează excelent cu brandul dvs. retro cool.

Sau să zicem că ești firmă de avocatură sau un brand de cosmetice de lux și doriți ca tipografia dvs. să transmită încredere și profesionalism cu o notă de clasă. Poți fi elegant, dar clasic și elegant, cu serif-uri precum Frank Ruhl Libre sau Playfair Display pentru a te arăta cu adevărat potențiali clienți că sunteți totul despre fiabilitate și servicii de primă clasă.

de gotza

Indiferent de fontul pe care îl alegeți în cele din urmă să se potrivească cu al dvs., asigurați-vă că utilizați un font sigur pentru web, ușor de utilizat și compatibil cu majoritatea browserelor. „Ce înseamnă siguranța web”, întrebi? Citiți mai departe pentru a afla.

Ce sunt fonturile web sigure?
—

Utilizarea unui font sigur pentru web înseamnă că vizitatorii dvs. nu trebuie să aibă un anumit font instalat pe computer pentru a-l vedea corect. În vremuri, acum 10 ani sau mai mult, existau aproximativ 13 familii de fonturi și se aștepta ca designerii web să folosească doar acele câteva fonturi care ar apărea pe majoritatea. sisteme informatice. În prezent, standardul de aur este Fonturi Google, care se redă perfect în orice browser web.

Rețineți că multe mărci folosesc fonturi personalizate sau fonturi care nu sunt bazate pe web. În acest caz, dezvoltatorii pot folosi software pentru a converti fontul într-un „font sigur pentru web”. Dar uneori nici asta nu este o garanție că va arăta bine pe ecran, mai ales dacă vrei ca tipografia ta să arate super clară. Acesta este motivul pentru care designerii se confruntă adesea cu provocarea de a găsi fonturi similare (aproape identice) sigure pentru web, care sunt gratuite și se afișează bine în toate browserele.

Ce tipuri de fonturi sunt potrivite pentru web și de ce este important?
—

prin Google Fonts.

Când căutați fontul perfect sigur pentru web, cel mai bun pariu este vedere Biblioteca Google Fonturi și în majoritatea cazurilor vei găsi ceea ce ai nevoie. Cu peste 800 de fonturi gratuite, licențiate, acesta este unul dintre cele mai bune locuri pentru a găsi fonturi sigure pentru web. Dacă includeți aceste fonturi în stivele dvs. de fonturi, aproape toată lumea vă va vedea pagina corect. Deoarece această bibliotecă de fonturi este stivuită într-un serviciu web, vizitatorii dvs. din întreaga lume vor vedea exact aceeași pagină cu același font. În plus, se asigură că prezența dvs. online rămâne constantă pe toate browserele și dispozitivele.

Cum să combinați diferite fonturi în design web
—

Când construiți un site web, sunt șanse să aveți nevoie de mai multe fonturi. Există trei reguli de bază pe care doriți să le utilizați atunci când combinați fonturi:

Prima regulă fundamentală pentru combinarea fonturilor este nu utilizați niciodată mai mult de trei fonturi într-un singur design. Regula numărul doi este să vă asigurați că fonturile pe care le alegeți se completează reciproc. Iar a treia regulă pe care vrei să o urmezi este să fii mereu definiți ierarhia printre ei.

de MarkoSimić.

Iată cum arată în acțiune: În primul rând, determinați fontul principal care este cel mai proeminent și ar trebui folosit pentru titluri. Sfat. Puteți potrivi acest font cu stilul dvs. de logo. În general, doriți ca fontul dvs. principal să fie atractiv. Îmi plac foarte mult fonturile grele precum Rubic Black sau unul ușor rotunjit precum Nunito pentru titluri, dar fonturile pe care le alegeți depinde în totalitate de afacerea dvs. și de branding. Apoi, selectați un font secundar pe care să îl utilizați pentru corpul textului. Acesta ar trebui să fie ușor de citit atunci când este folosit pentru pasaje de text mai lungi, chiar și pe ecrane mai mici, așa că am putea alege un font precum Noto Sans pe lângă opțiunile noastre de bază de font. În cele din urmă, al treilea font ar trebui să fie un font de accent. Acest font poate fi folosit pe butoane, CTA sau pentru a evidenția anumite părți ale textului pentru a atrage atenția vizitatorilor. serrat va funcționa bine cu alegerile noastre primare și secundare.

Cum diferite tipuri de fonturi vă afectează designul web
—

După cum a spus marele Vincent van Gogh, „Lucrurile mari nu se fac din impuls, ci o serie de lucruri mărunte se unesc”, așa că alegeți-vă fonturile cu înțelepciune. O combinație inteligentă de fonturi poate avea un impact puternic asupra designului dvs. web.

de LoudFrog pentru Coffee And Chokes BJJ

Vedeți cum designerul a folosit un font unic de tip perie în exemplul de mai sus pentru a evidenția tema artelor marțiale și pentru a crea o conexiune culturală. Restul textului și îndemnului la acțiune utilizează un font curat, ușor de citit, care combină diferite dimensiuni, precum și toate majusculele care încadrează și bazează fontul principal și îl fac să iasă în evidență. Rezultatul este un design echilibrat care atrage atenția către locurile potrivite.

Vedeți cum cele două design-uri web de mai sus vizează două aspecturi foarte diferite? Designul Serviciilor Financiare Satoshi Nation realizează curat și modern aspect cu un font ușor unghiular sans serif, iar designul pentru brandul de cafea de lux Wallenford folosește un font serif elegant pentru a-și evidenția stilul de brand high-end. În ambele cazuri, alegerea fonturilor se îmbină perfect cu restul designului și transmite perfect ceea ce reprezintă mărcile. Aceasta este puterea tipografiei.

Spune-o cu font

—

Alegerea fontului potrivit pentru site-ul dvs. depinde în întregime de obiectivul pe care doriți să-l atingeți. Când te gândești la stil și design, trebuie să stabilești o agendă și să-ți dai seama cum vrei să fii prezentat lumii. Și fonturile sunt instrumentul perfect pentru asta. Vrei să fii cool, serios sau tradițional? Alegeți un font serif elegant. Vrei să arăți modern și minimalist? Alegeți un font curat sans serif. Mergi ceva la mijloc? Combinați fonturile pentru a obține aproape orice stil doriți. Pur și simplu, alegerea fonturilor spune multe despre afacerea dvs., așa că alegeți cu înțelepciune.

  • Traducere

Acum este momentul să vă ridicați designul cu fonturi web

Fără exagerare, tipografia online traversează în prezent o perioadă interesantă din viața sa. Salturile tehnologice recente ne-au adus cu un pas mai aproape de nirvana tipografică pe internet. Pasul pe care toată lumea l-a așteptat de atâta timp.

Libertatea de a utiliza fonturi web în afara listei sigure pe toate sistemele de operare de top este acum posibilă prin în general, datorită a trei factori tehnologici majori, aproape simultani: suport pe scară largă pentru regula @font-face în browsere; apariția unor astfel de „depozite de fonturi” precum Typekit și Fontdeck; crearea unui nou format de font - un fișier de font WOFF arhivat.

* Puține dintre aceste fonturi sunt pentru chirilic, așa că această selecție este mai potrivită pentru „externalizatori”. Să sperăm că măcar unele dintre acestea și alte fonturi pentru limbi slaveîn chirilic. Adaugă etichete

Designul web este un domeniu dificil care provoacă controverse constante. Unii vor spune că pentru a atrage atenția pagina ta de destinație pur și simplu are nevoie design modern, inclusiv ultima moda. Alții cred că o pagină de destinație funcțională, unde vizitatorii obțin ceea ce au venit, este mult mai importantă.

Ambele opțiuni sunt corecte, dar depind foarte mult de domeniul tău de activitate și de obiectivele pe care le ai pentru pagina ta de destinație. Cum să determinați care opțiune este potrivită pentru dvs. Cum să te asiguri că designerul tău își cunoaște afacerea și că nu va face greșeli?

Această postare conține șapte „păcate capitale” ale designului web pe care ar trebui să le evitați pagina de destinație. Studiați cu atenție aceste principii și utilizați-le pentru a verifica dacă designul dvs. este cu adevărat optimizat pentru a vă atinge obiectivele de afaceri.

1. Fontul este prea mic

Mulți oameni fac prima greșeală de a face textul de pe resursă prea mic. În primele zile ale internetului, majoritatea site-urilor web foloseau fonturi de 12 pixeli, care era un standard pe care aproape toată lumea îl urma. Cu toate acestea, de-a lungul timpului a devenit clar că astfel de litere mici erau greu de citit. În plus, s-a dovedit că trebuie să atrageți și să interesați vizitatorul aproape imediat.

Potrivit cercetărilor de piață, durata medie de atenție a utilizatorilor de internet a scăzut la 8 secunde în 2013, adică cu o secundă mai puțin decât cea a unui pește de aur. Același studiu a raportat că vizitatorii site-ului citesc doar 28% din cuvinte în medie.

Un studiu din 2013 a constatat că durata medie de atenție a scăzut la 8 secunde, cu 1 secundă mai puțin decât cea a unui pește de aur. Este posibil?

Pentru a atrage imediat atenția vizitatorilor, trebuie să:

  • Creați titluri puternice și interesante.
  • Este interesant să scrii astfel încât să vrei să citești mai mult de 28% din conținut.
  • Utilizați un font destul de mare pentru titluri.
  • Asigurați-vă că textul principal este scris într-un font ușor de citit.

Pentru toate punctele de mai sus, următoarele sunt relevante: dimensiunea fontului a crescut în ultimii ani. Acum standardul minim este 14px, dar multe site-uri folosesc font de cel puțin 18px, mai ales dacă despre care vorbim despre texte mari.

Apropo, de acum încolo nu mai trebuie să deschizi serviciu Google Fonturi pentru a obține fonturi terță parte pe paginile dvs. de destinație, deoarece acum fonturile sunt conectate direct de la . Am adăugat toate fonturile din colecția Google Fonts într-o galerie vizuală și tot ce trebuie să faceți este să selectați fontul potrivit, să faceți clic pe butonul de conectare și să îl utilizați pentru texte noi sau existente pe pagina de destinație:

Mai jos oferim câteva exemple excelent design web cu fonturi de dimensiuni perfecte.

Conştiinţă

Titlu: 50px
Subtitrare: 36 pixeli
Textul corpului: 21 de pixeli

Antet: 80px
Subtitrare: 24 pixeli
Textul corpului: 15px

Antet: 60px
Subtitluri: 35 px
Textul corpului: 18 pixeli

Nu uitați: conținutul de pe pagina de destinație este scris pentru a fi citit. Nu acesta este motivul pentru care ai plătit pentru serviciile unui copywriter sau ai examinat singur textele pentru a le face ineficiente din cauza fontului mic. Asigurați-vă că selectați o dimensiune care poate fi citită.

De asemenea, trebuie amintit că tipuri diferite fonturile variază în dimensiune - un Arial de 16 pixeli poate fi mai mic decât o versiune de 16 pixeli a altui font. Alegeți dimensiunea și tipul fontului care se potrivesc site-ului dvs.

Fontul textului de subsol poate fi mic, dar dacă doriți ca vizitatorii să citească ceea ce este scris acolo, alegeți un font de cel puțin 16 pixeli.

Sfaturi de la profesionisti: Pentru a alege tipul și dimensiunea potrivite de font, descărcați aplicația WhatFont. Acesta este un plugin pentru Google Chrome, care determină parametrii fontului făcând clic pe el. Deschideți site-uri ale căror design vă plac și colectați informații.

2. Glisoare

Este greu de înțeles de ce atât de multe pagini de destinație folosesc în continuare glisoare mobile. Funcționează? Conversia ta este în creștere? Informațiile sunt transmise mai bine?

În cele mai multe cazuri, răspunsul va fi nu.

Peep Laja, fondatorul unuia dintre cele mai cunoscute bloguri de pe ConversionXL, citează experți în domeniul marketingului pe internet în articolul „Nu utilizați carusele sau glisoare automate de imagine”:

„Am testat în mod repetat blocuri dinamice și suntem convinși că acest lucru mod ineficient pozitionarea continutului"— Chris Howard, CEO al WiderFunnel.

„Banerele dinamice sunt absolut rele și ar trebui eliminate imediat.”— Tim Ash, CEO SiteTuners

Laya menționează, de asemenea, două studii care au dovedit ineficiența glisoarelor dinamice.

Primul studiu a fost realizat de guru de utilizare Jakob Nielsen. El a efectuat un sondaj al vizitatorilor site-ului Siemens despre o ofertă specială despre mașini de spălat pe pagina principala. Mesajul despre reduceri a fost scris cu un font de 98 de pixeli, dar, din păcate, vizitatorii nu l-au observat - oferta s-a pierdut în blocurile de comutare ale glisorului.

Acest experiment confirmă opinia marketerilor de renume că glisoarele reduc receptivitatea publicului la ofertă și conținut. Oamenii s-au obișnuit cu bannerele din bara laterală și au încetat să le acorde atenție - același principiu funcționează pentru glisoarele dinamice.

Al doilea studiu a fost realizat la Universitatea Notre Dame (Indiana, SUA). Cercetătorii au descoperit că aproximativ 1% dintre vizitatorii site-ului fac clic pe glisor, cu 84% din clicuri provenind de la primul slide.

De ce să plasați un glisor care va ocupa proprietăți imobiliare valoroase pe pagina de pornire și să obțineți doar un CTR de 1%? De ce să enervezi vizitatorii cu imagini intermitente care sunt greu de urmărit? Poate că merită să le oferim o opțiune dacă majoritatea va alege deja prima imagine a glisorului?

Deci, de ce, în ciuda faptului că sunt atât de ineficiente, glisoarele sunt atât de populare?

Cel mai probabil pentru că arată avansate, avansate din punct de vedere tehnologic și nu pun dificultăți dezvoltatorilor. Așa funcționează - clientul spune: „Vreau chestia asta cu imagini derulante pe pagina principală. Da, un slider dinamic”, iar web designerii respectă cererea, pentru că slider-ul chiar arată bine și este extrem de ușor de realizat.

Dar proprietarul paginii de destinație/site-ului este cel care trebuie să știe dacă acest glisor va fi eficient și dacă este într-adevăr Cel mai bun mod transmiterea de informații. Pip Laya, Chris Howard, Tim Ash și mulți alți agenți de marketing pe internet celebri nu mai cred asta.

Soluția problemei nu ar trebui să fie să copiați în detaliu aspectul care vă place, inclusiv cursorul de pe pagina principală, ci să încercați să răspundeți independent la întrebarea: „Cum ar trebui să fie prezentată oferta dvs.?”

Un exemplu izbitor al acestei abordări este site-ul web al agenției de tutorat Genesis Tutoring - sau mai degrabă, procesul de dezvoltare a acestuia. Fondatorii companiei au făcut publicitate inițial pentru serviciu prin distribuirea de fluturași în școli, apoi au decis să-și creeze propriul site web și au apelat la un designer. Au vrut să instaleze un glisor pe pagina de start cu o copie a fluturașului publicitar. Designerul a reușit să convingă clienții să abandoneze glisorul și să instaleze doar o copie a fluturașului pe pagina principală, adăugând contacte și un buton CTA pentru părere. Asta s-a intamplat.

O pagină lacoică cu un design excelent și conversie mare M-am descurcat destul de bine fără glisor. Excelentă muncă, nu-i așa?

Pentru a obține rezultate similare, urmați următoarele reguli:

  • Nu plasați un glisor doar pentru că toți ceilalți o fac și ei (chiar dacă designerul dvs. îl recomandă).
  • În loc să copiați paginile concurenților, găsiți propria versiune prezentarea informațiilor cele mai potrivite pentru scopurile dumneavoastră.
  • Alegeți una, cea mai atractivă ofertă și plasați-o deasupra liniei de pliere. Puteți promova restul adăugând buton specialîn partea de sus sau în blocuri separate mai jos pe pagină - o ofertă ar trebui să vă atragă atenția, restul va fi făcut de pagina de destinație.
  • Următorul punct poate fi atârnat într-un cadru pe perete: Determinați scopul principal pagina de destinație. Toate butoanele CTA ar trebui să urmeze principiul „o pagină, un obiectiv”.

3. Fonturi cu contrast scăzut

O altă mare greșeală este utilizarea fonturilor cu contrast redus.

Contrastul scăzut este textul deschis pe un fundal deschis sau textul întunecat pe un fundal întunecat. Pot exista unele combinații care funcționează bine pentru designul tipărit, dar pe Internet este întotdeauna o idee proastă.

Conținutul paginii de destinație ar trebui să fie cât mai ușor de citit. Conform cercetărilor, odată cu vârsta, corneea ochiului transmite din ce în ce mai puțină lumină: la 40 de ani trece prin ea jumătate mai mult decât la 20 de ani; la 60 de ani, cantitatea de lumină care intră în ochi se reduce cu încă 20%. Și acum p Adăugați la aceasta persoane cu probleme de vedere mai grave.

Având în vedere aceste cifre, chiar vrei să faci conținutul tău mai dificil de consumat, mai ales după ce ai petrecut atât de mult timp și bani încercând să atragi vizitatori?

Folosiți întotdeauna fonturi contrastante: deschis pe un fundal întunecat și invers. Ocazional, este nevoie să utilizați un font colorat, altul decât negru sau alb. Uneori, designerii folosesc un font gri deschis pe un fundal alb și un font albastru deschis pe un fundal albastru închis. Pentru ce? Este cu adevărat mai ușor de citit în acest fel? Sau efectele externe au devenit mai importante decât conținutul textului? Cărțile sunt tipărite cu cerneală neagră pe hârtie albă dintr-un motiv simplu - este mai ușor de citit. Paginile de destinație și site-urile web trebuie să respecte această regulă.

Mai jos sunt exemple de pagini de destinație cu scăzut contrast text:

Winnie the Pooh

Cargomart

Acesta este un exemplu de text contrastant, dar este situat deasupra imaginii, ceea ce creează adesea interferențe pentru percepție.

Rețineți: toate textele trebuie să contrasteze cu fundalul pe care sunt plasate. Dacă textul pare greu de citit sau nu are suficient contrast, nu pierde timpul cerând designerului să-l repare. Pagina ta de destinație - nu o platformă pentru exerciții de culoare, este un instrument de vânzări și conversie.

Sfat suplimentar: Nu doar contrastul textului este important. De asemenea, aveți grijă când utilizați fonturi inversate. Fontul invers este text alb pe un fundal negru (sau colorat) în loc de negru pe alb.

David Ogilvy, cel mai mare marketer al timpului nostru, a susținut că text publicitar Fontul invers nu trebuie folosit niciodată. Colin Wheeldon, editorul celei mai mari resurse auto din Australia, a decis să testeze această teorie. Rezultatele pe care le-a obtinut sunt uimitoare:

  • text negru pe fundal alb: 70% bun, 19% corect, 11% rău
  • text alb pe fundal negru: 0% bun, 12% corect, 88% rău
  • text alb pe fundal violet: 2% bun, 16% corect, 82% rău
  • text alb pe fundal albastru: 0% bun, 4% corect, 96% rău

În mod surprinzător, rezultatele textului negru pe fundal alb sunt aproape opusul combinației inverse!

4. Înălțime greșită a liniei

Înălțimea liniei este de obicei trecută cu vederea. Majoritatea designerilor aleg cu atenție fontul, dimensiunea și stabilesc înălțimea liniei în mod arbitrar.

Dar acest parametru are un impact neașteptat de puternic asupra designului și percepției paginii de destinație. Înălțimile liniilor prea mici pot crea impresia de text pietruit și pot ruina întregul design.

Vestea bună este că un web designer cu experiență va avea o mulțime de experiență trecută și va putea selecta înălțimea corespunzătoare a liniei cu ochii.

Vestea proastă este că un designer de nivel mediu poate să rateze problema și să aleagă soluția greșită.

Chris Pearson, designerul proiectului DIYThemes, a luat această problemă în serios și a creat un calculator care calculează înălțimea liniei folosind principiul raportului de aur. Doar introduceți dimensiunea fontului și lățimea liniei, iar calculatorul va calcula înălțimea ideală.

Este posibil să nu realizați de ce vă place un anumit design (sau font). Designerii talentați găsesc ei înșiși proporțiile „raportului de aur”; calculatorul lui Chris Pearson îi va ajuta pe alții.

5. Linia este prea lungă

O altă posibilă greșeală este de asemenea latime mare text.

Există o lungime optimă a liniei?

Prea scurt - obosesc repede ochii.

Popularitatea recentă a designului responsive exacerbează și mai mult această problemă. Dacă lungime maxima Liniile nu sunt limitate, postarea dvs. de blog sau orice alt tip de text, în funcție de dimensiunea ecranului dispozitivului, poate lua forme foarte ciudate.

Pentru a rezolva această problemă, Institutul Baymard recomandă setarea lățimii maxime a textului la 516 pixeli, care, folosind un font de 18 pixeli, este de 65 de caractere pe linie. Acești parametri de text cei mai confortabili pentru citirea online sunt prezentați în imaginea de mai jos

Din nou, nu toți designerii acordă atenție acestui parametru, dar deoarece știți deja că rândurile prea lungi de text pot speria cititorul, asigurați-vă că designerul și programatorul creează condiții optime pentru perceperea textului.

Următorul pe lista păcatelor de design web este neglijarea accentelor de culoare.

Specialiștii în marketing digital cu experiență știu că pentru a atrage atenția, un buton de apel la acțiune trebuie să fie luminos. Indiferent dacă încurajați „Cumpărați” sau „Încercați gratuit”, aceste butoane trebuie să fie atrăgătoare pentru a-i determina pe vizitatori să facă clic și să ia măsurile așteptate.

Pare simplu. Dar adesea designerii nu folosesc un accent strălucitor pe cele mai simple butoane CTA, aleg în schimb una dintre culorile principale ale paginii de destinație.

  • Butonul ar trebui să fie suficient de luminos pentru a atrage atenția.
  • Butonul trebuie să fie o culoare suplimentară (complementară). schema de culori pagina de destinație - acest lucru este necesar pentru ca culorile să nu intre în conflict. Culorile complementare sunt situate pe paletă de culori unul vizavi de celălalt. Dacă le așezi una lângă alta, par să arate mai strălucitoare.
  • Butonul ar trebui să iasă în evidență din fundalul site-ului. Un buton albastru pe un fundal albastru este o idee proastă.
  • Butonul ar trebui folosit pentru cele mai importante îndemnuri. Nu folosiți acest element prea des pe pagină.

În imaginea de mai jos, butonul de apel la acțiune este portocaliu. Se evidențiază pe un fundal alb, deoarece portocaliul nu mai este folosit în designul site-urilor web (cu excepția mic detaliu logo, dar este suficient de mic pentru a atrage atenția).

Bună, Habr!

Au fost deja scrise munți de articole care descriu laturi diferite lucrând cu fonturi 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 fonturi standard Sunt teribil de plictisitori, iar cu ajutorul lor este dificil să faci ceva original. 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% de reglare fină și lustruire, sugestii și testare pentru diverse medii si in marimi diferite. 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, mult valoare mai mare Nici măcar aceasta contează, ci oportunitatea ș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 tipărirea offset, care fonturi pot fi folosite ca fonturi de text și care - numai pentru titluri sau indexuri. 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, fonturile sunt redate de un special subsistem grafic OS: pe Windows este 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 LCD și display-uri 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 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: 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 Mecanismul a fost îmbunătățit treptat, iar GDI a fost înlocuit cu tehnologia DirectWrite, unde a apărut anti-aliasing-ul vertical. Comparaţie:

04. TTF sau OTF?

TrueType și PostScript - acestea au fost inițial diferite formate fonturi. 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 aplicație specifică.

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 și pentru titluri și inscripții mari ar fi mai potrivit PostScript.

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; pe Habré au sugerat odată utilizarea unui hack cu text-shadow .

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. Au nevoie de indicii fonturile web?

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ă iei un font ieftin, este mai sigur format OTF, deoarece în TT procedura a rămas neschimbată de pe vremea rasterizării alb-negru și nu este pe deplin 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.

Răspunzând la întrebare: era monitoarelor de 300 DPI se apropie cu repeziciune și o cantitate mare dispozitivele mobile au deja această rezoluție și, în curând, nu va fi deloc nevoie de sugestii. Dar din moment ce Windows rămâne încă dependent de sugestii și concentrat pe monitoare cu rezolutie scazuta, pentru fonturile de text, încercați să alegeți unele bine concepute sau standard, 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 în acest caz, scriptul va fi greoi și selectarea textului nu va funcționa, dar în situație fără speranță se va face.

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- o arhivă sursă OTF sau TTF neprotejată este poate cea mai mare format important, care este acceptat 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 necesară o arhivă implementată de TT OpenType, care are mecanisme de securitate, pentru a suporta browsere mai vechi Internet Explorer(începând de la IE8, pe lângă curbele TrueType, este suportat și PostScript);
SVG- pentru a suporta browserul Safari.

09. Pot fi convertite fonturile web?


Indiferent ce vă spun oamenii, nu puteți pur și simplu să convertiți fișierul și să-l salvați. calitate originala font, 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ături digitale producător ș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. 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 de font.
Cu cât există mai mult perfecționism în design, cu atât fișierele cu fonturi mai mici pot cântări și pot încerca să aleagă forme simple. În acest sens, forma ideală este un grotesc geometric deschis cu contrast scăzut. Pentru a accelera încărcarea fontului, poate fi util să îl includeți în fișierul de stil folosind 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 încerci nici măcar să deschizi un astfel de site cu 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ă fișiere cu fonturi grele din propriile lor Set complet 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ă folosești fontul doar pentru titluri în rusă + stropi de engleză, atunci vei fi suficient seturi ASCII(Latina de bază) și 64 de caractere ale alfabetului rus, nu este deloc necesar să încărcați setul extins chirilic 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, editor grafic folosește propriile metode de netezire a textelor și poți fi înșelat 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 font nou pentru un site web gata făcut - serviciul Web Fonts Previewer este indispensabil pentru dvs.; puteți testa orice font pe un site web activ, funcțional, 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 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ă creația fonturi bune- acestea sunt 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 fontul care vine cu sistem de operare, puteți face acest lucru doar prin rasterizare sau folosind-o în imagini. Dacă într-adevăr trebuie să încorporați, atunci va trebui să cumpărați o licență separată, la fel ca fonturi 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? Sunt multe minunate fonturi gratuite, care nu sunt cu nimic inferioare celor 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.

licente gratuite ( domeniu public) - autorul fontului permite distribuirea gratuită, cu condiția de a-și indica numele (Creative Commons) sau fără acesta (de exemplu, OFL, GPL, Apache 2.0). Acest tip de licență chiar permite uz comercial, cu excepția vânzărilor și distribuției plătite. 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ă client fericit designerul 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. Reglează 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ă 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ă, deoarece teoretic terți ar putea obține fișierele cu fonturi în sine. A treia opțiune este că utilizați un serviciu web special al unui producător de fonturi, de exemplu Typekit, deținută de companie Adobe și plătiți o taxă de abonament.

19. De unde pot obține fonturi web bune?

Catalog de fonturi gratuite de la Google
Fontsquirrel este un convertor de fonturi web și un director celebru
Myfonts este un mare magazin de fonturi cu sistem convenabil plată
Fonts.com - concurent principal MyFonts
Typekit - un serviciu de închiriere de fonturi de la Adobe
Typecast - magazinul menționat mai sus cu serviciu de testare
P.S. Încă unul resursă utilă, care l-a sfătuit pe ilyaerin, WebFont.ru Funcționalitate peste formă: proiectare 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, web designer ADV/web-inggineering