sugerand faptul ca fonturi

Acesta este motivul pentru care designerii web au fost mult timp mai mult sau mai puțin limitate în alegerea fonturilor la aproximativ o duzină (Verdana, Georgia, Arial, etc.) care au fost modificate manual, astfel încât textele de dimensiuni tipice (9-14 Vi) este bine afișat într-o rezoluție mai mică. Aceste fonturi sunt atât de comune că majoritatea utilizatorilor de calculatoare cred că sunt libere, dar în realitate, Verdana, de exemplu, este, probabil, cel mai scump și de timp tipul consumatoare de făcut vreodată. Acesta include caracterele utilizate pentru a crea etichete pe numărul extrem de mare de limbi, fiecare dintre aceste personaje trebuie să se adapteze, astfel încât acestea pot fi citite în orice dimensiune de font, de la 9 la 60 de puncte (la 60 rezolutie nm, este suficientă pentru a afișa literele formular cu exactitate ). Cu alte cuvinte, fiecare dintre mai mult de 890 de caractere a fost revizuit de mai multe ori, câte unul pentru fiecare dimensiune de font.

Versiunea Fedra Sans Screen cu hinting care modifică traseul inițial la rețea corespunde ecranul computerului.

Contururile Fedra Sans ecranului cu diverse dimensiuni. Fiți atenți la modul în care diferite circuite, în scopul de a realiza o lizibilitate optimă pe ecran. De fapt, fiecare personaj trebuie să proceseze peste si peste din nou, pentru fiecare dimensiune în pixeli.
Aceasta este aluzie: instrucțiuni care ajustează în mod subtil rasterizarea font programare — procesul prin care este matematic circuite sofisticate sunt transferate la monitor pixeli. Aluzie poate controla înălțimea și lățimea de caractere de text mari și mici, lățimea liniilor individuale de spațiu alb în jurul literelor, dimensiunea, din care literele majuscule sunt diferite de caneluri principale cu lățime litere mici este schimbat de caractere unghi cursive pentru a se potrivi mai bine grila de pixeli și multe alte detalii tehnice încă pe un pixel cu pixel bază. Se pare ca un proces destul de consumatoare de timp și obositoare. Și modul în care este (Dasha font dizatsnerov, care sunt obișnuiți cu procesul de consumatoare de timp și plictisitoare).

Un cuplu de ani în urmă a existat un buzz notabil asociat cu apariția @ font-face - o funcție care permite afișarea pe o pagină web, orice font, eliberând designeri de a folosi numai „web-în condiții de siguranță“ -shrifty și deschizând noi posibilități de design. (Nu în ultimul rând din care - crearea identității corporatiste, care arata la fel și pe de imprimare, precum și pe site-ul). Pe de altă parte, din acest motiv, au existat, de asemenea, noi probleme, inclusiv un ecran complet mizerabil de fonturi de pe ecran, fără aluzii. Și făcând aluzie obositoare, muncă intensivă și, așa cum mulți cred, în curând va otzhivot propria lor, 99% din toate fonturile, chiar comerciale, sugerand faptul ca nu au.

Closeup de la Apple Mac Book Pro. Monitorul LCD (LCD, ecrane plate), fiecare pixel este compus din trei elemente, fiecare dintre care pot fi controlate separat. afișare Supbikselnoe foloseste specificul modul in care ochiul percepe de culoare, folosind nuante de albastru, roșu și verde, pentru a simula un ecran de rezoluție mai mare.

Mac OS vs Windows

Așa că hai să ne îndreptăm atenția pentru Windows: La valoarea ei imeket hinting. Și să acorde o atenție la fonturile TrueType care sunt în prezent arată mai bine decât altele.<

Aluzie pentru afișare alb-negru (aliniere grilă) de 1 bit.

Afișaj negru-alb fără font aluzie 10 ppem, crescând la 200%

Black-and-white font afișare hinting (Fedra Sans Screen) în tonuri de gri 10 ppem, crescând la 200%

Aluzie pentru afișarea în tonuri de gri (orizontală și verticală), 4 sau 8 biți.

Anti-aliasing - o tehnologie care a fost introdus pentru prima dată în Windows 98. Dacă font este afișat pe ecran, netezește linii zimțate, pictura pixelii în diferite nuanțe de gri. Astfel, rasterizerul nu este limitat prin alegerea doar între negru și alb, și poate alege valori intermediare.

Se afișează nici un font făcând aluzie în tonuri de gri 10 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) în tonuri de gri 10 ppem, crescând la 200%

Se afișează nici un font făcând aluzie în tonuri de gri 15 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) în tonuri de gri 15 ppem, crescând la 200%

Aluzie pentru a afișa ClearType (orizontală numai).

Acest lucru înseamnă că rezoluția textului poate fi de până la de trei ori mai mult, dar numai pe orizontală. Aceasta înseamnă, de asemenea, că simbolurile nu sunt aliniate cu ClearType aluzie de-a lungul axei verticale, ceea ce reduce în mod eficient complexitatea în jumătate. Un font de 256 de caractere necesită aproximativ 40 de ore să-l facă aluzie.

Afiarea Font sugerand fara a utiliza ClearType 10 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) folosind ClearType 10 ppem, crescând la 200%

Afiarea Font aluzie, fără a utiliza ClearType 15 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) utilizând ClearType 15 ppem, crescând la 200%

Aluzie pentru a afișa DirectWrite (orizontală și verticală)

Afisarea hinting Font fara a utiliza DirectWrite 10 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) folosind DirectWrite 10 ppem, crescând la 200%

Afisarea hinting Font fara a utiliza DirectWrite 15 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) folosind DirectWrite 15 ppem, crescând la 200%

font de afișare făcând aluzie folosind ClearType 31 ppem, crescând la 200%

Se afișează hinting font (Fedra Sans Screen) folosind DirectWrite 31 ppem, o creștere de 200%. Comparați linii relativ netede opțiunea ClearType de mai sus.

De la teorie la practica

Ei bine, pentru un designer, ce înseamnă toate astea? Aluzie poate îmbunătăți afișarea fontului. Cu toate acestea, aceste fonturi vor fi afișate în mod diferit în funcție de rasterizare, în funcție de platforma, si, de multe ori, în funcție de browser. Comparați, de exemplu, textul în Google Chrome și Firefox pe același computer. În cazul în care proiectantul este important aceeași afișare a operei sale pe platforme diferite, într-o gamă de fonturi, este de asemenea necesar să se acorde o atenție.

Din interpret:

Ce se poate face web-designer, în acest caz, nu băși într-o baltă?

Mai multe despre acest lucru poate fi găsit într-un articol separat cu privire la modul de a selecta fonturi pentru pagina de web design. Pe scurt:

În primul rând, pentru a alege foarte atent fonturi pentru text mic. Cu excepția „zapadlovym“ de a folosi fonturi „standard“ din lista de web în condiții de siguranță.

În al doilea rând, ține cont de faptul că lungimea finală a textului redat va fi diferit pe diferite sisteme de operare și browsere diferite (și chiar înălțime! Doar un cuplu de pixeli, dar uneori acest lucru este important!), Deci nu se poate baza pe el „pixel-la-pixel “.

Și, în sfârșit, atunci când se face alegerea, nu fi leneș și a vedea cum va arăta într-o anumită sumă și pe o anumită platformă. Construiți font ales în pagina (fonturi Google fonturi sunt încorporate în pagină, puteți vedea acolo).

La un nivel minim, ar trebui să verificați afișajul în Internet Explorer pe Windows, în Google Chrome pe Windows și Firefox pe Windows, pentru că marea majoritate a utilizatorilor de pe Internet sunt de acestea. Chiar dacă lucrezi pe un Mac, și tu ești prea leneș să caute un calculator cu Windows pentru acest lucru, într-adevăr deranja. Că nu au existat surprize neplăcute.

Link-uri externe la cunoștință: