Fontul site-ului- aceasta este una dintre problemele principale în designul site-ului dvs. Dimensiunea, culoarea și tipul de font potrivite pot rezolva problemele de lizibilitate, frumusețe și eficiență a resursei în ansamblu.

TOP 10 cele mai bune și mai folosite fonturi

Toate fonturile de mai jos sunt considerate de bază, astfel încât pot fi folosite pe site chiar și fără a încărca fișierul cu fonturi (*.ttf) în directorul cu site-ul

1. Tahoma

2. Verdana

3. Arial/Arial Black/Arial Narrow

4. Times New Roman

5. Palatino Linotype / Palatino

6. Impact

7. Gotic de secol

8. Helvetica

9. Georgia

10. Gill Sans MT

În plus:

11. curier nou

12. Calibri

13. Trebuchet MS

14. Lucida Sans Unicode

Mai multe reguli pentru utilizarea fonturilor pe site

1. Baza textului care poate fi citit este titlurile. Ele acționează ca un fel de faruri care permit cititorului să-și concentreze atenția asupra părții sau pasajului dorit, fără a-l irita cu fluxul. Informații generale. De asemenea, încearcă să evidențiezi Cuvinte cheie!

Titlu

Primul paragraf alineat

Al doilea paragraful paragraful

2. Site-ul ar trebui să aibă un concept general, așa că încercați să nu utilizați mai mult de 2-3 fonturi pe site. Mai jos este codul CSS

Corp (font: 14px/100% Tahoma, Verdana, sans-serif)
14px marimea fontului, 100% spatiu intre linii, Tahoma fontul folosit
3. Textul după design trebuie să fie lizibil - mențineți contrastul (text negru pe fundal alb, alb pe albastru etc.). Încercați să nu folosiți culori strălucitoare pentru nici unul. Există excepții, dar nu se încadrează în practicile standard.

4. Când proiectați text, încercați să nu utilizați mai mult de 2-3 culori. Vă rugăm să rețineți că cel mai mult cele mai bune modeleține la 2-3 culori, nu mai mult. Urmați această regulă și voi

5. Textul trebuie să fie lizibil! Încercați să faceți paragrafe, subparagrafe indentate sau informații de referință.

Textul primului paragraf. Lung și interesant.

Dar textul celui de-al doilea paragraf nu se va îmbina cu al doilea, deoarece va exista o liniuță între ele.

Vă mulțumim pentru atenție! Și mult succes în dezvoltarea proiectelor!)

Cât de des te întrebi „ ce font este mai bine să utilizați pentru site-ul web?”, mulți oameni nu acordă atenție acestui lucru, dar în zadar!

Fiecare webmaster începător dorește să-și facă cumva site-ul web în evidență, astfel încât să iasă în evidență din nenumăratele resurse realizate folosind un șablon.

Una dintre modalități este să selectați fonturi pentru site, a căror gamă de alegere nu este atât de largă. Sarcina webmasterului este de a face procesul de citire a informațiilor cât mai confortabil posibil. Dar utilizarea mai multor fonturi poate fi intimidantă pentru utilizator. Și utilizarea unuia va face resursa monotonă și gri. Mulți oameni încearcă să instaleze un font unic pe o pagină, dar uită că este posibil să nu fie afișat pe computerul utilizatorului. La urma urmei, nu este încorporat într-o pagină web.

Prin urmare, dacă o persoană nu are unul sau altul font instalat pe computerul său, acesta nu va fi afișat. Pentru a evita probleme, ar trebui să alegeți disponibil, așa-numitul fonturi standard pentru site, dintre care unele le vom analiza mai jos.

Fonturi utilizate frecvent

Fonturile standard pentru site sunt:

• Times New Roman;
• Arial; Georgia;
• Impact;
• Trebuchet MS;
• Verdana și alții.

Sunt incluși în grupul sigur. Să le privim mai detaliat:

Arial. Avantajul acestui font compact este înălțimea literelor.

Tahoma. Datorită literelor late medii, este ideală pentru articole tehnice.

Trebuchet MS. Cel mai nepotrivit pentru lectură. Chiar si cu mărime normală 12-14 px, trebuie să priviți textul, ceea ce duce la oboseala ochilor.

Times New Roman. Cel mai comun și utilizat font. Ideal pentru citit, dar la 12 px pare mic.

MS Sans Serif. Contează fontul de sistem Windows. Toate mementourile și alertele ale sistemului de operare sunt scrise pe el.

Georgia. Foarte asemănător cu Times. Dar are serifuri și capete mai largi și mai ascuțite.

Comic Sans MS. Cel mai urât de societate. Se distinge prin contururi netede rotunjite, ușoară strâmbă a literelor și distanță mică între litere.

curier nou. Similar cu cea pe care obișnuiau să tasteze la o mașină de scris. Courier New oferă litere clare, ușor de citit, cu o ușoară compresie. - Minus: culoare nesaturată.

Impact. Caracterizat prin compresie între caractere, linii groase și spațiu redus în litere. Este utilizat pe scară largă în titluri, deoarece distanța apropiată dintre litere face ca citirea textului principal să fie incomodă.

Verdana. O opțiune de font ideală pentru un site web. Mulțumită distanta optimaîntre litere și lățimea acestora este ușor de citit.

Deci, care este cel mai bun font de folosit pe un site web? Conform sondajelor recente în rândul utilizatorilor de internet, cea mai bună opțiune este să faci titlul folosind Verdana și corpul textului folosind Times New Roman. Dar este posibil ca întregul text să fie făcut Verdana.

Se întâmplă ca fontul să nu fie afișat pe computer. În acest caz, ar trebui să specificați nu un font, ci mai multe.

De exemplu, Verdana, Impact, Trebuchet MS. Apoi browserul după încercare nereușită Verdana va încerca să folosească Impact și apoi Trebuchet. Dacă nu sunt afișate toate fonturile specificate, sistemul își va desemna propriile fonturi - în mod implicit. Astfel, puteți proiecta ușor și simplu un site web pe gustul dvs., să îl faceți luminos și neobișnuit. Principalul lucru este să preveniți problemele la afișarea resurselor pe computerele vizitatorilor de resurse.

Inovație de la Yandex. Mărimea contează!

Urmând algoritmul mobil „Vladivostok”, a făcut Yandex factor de clasare marimea fontului . Acum, dimensiunea textului de pe un site mobil contează, iar standardul său este de 12 cm PX (sau mai mult). Puteți verifica fontul pentru „adecvare mobilă” în Yandex.Webmaster.

Această știre a provocat critici negative în rândul creatorilor site-ului. Până la urmă, de exemplu, resurse realizate folosind tehnologia flash, pentru a fi afișate normal pe ecrane dispozitive mobile, va trebui să creeze aplicație specială. Și asta va dura mult timp și bani.

De multe ori se va dovedi că site-urile în care textele sunt confortabile și lizibile pentru utilizator, în versiuni mobile va fi imens.

Interesant! Tipuri diferite fonturile nu au aceeași dimensiune. Dacă doriți să o măriți, nu trebuie să îi schimbați dimensiunea pixelilor. Puteți experimenta cu alegerea altor fonturi. De exemplu, dacă setați dimensiunile Times New Roman și Tahoma - 12 px - acestea vor arăta diferit. Acesta din urmă va arăta vizual mai mare.

Într-unul din jurnale am citit o discuție despre ce font este cel mai bine să folosesc în notele mele. Și iată ce crede un profesionist cu 15 ani de experiență despre asta...

Cred că fontul care este mai ușor de citit este mai bun. Cu toate acestea, textul este citit diferit pe hârtie și pe un ecran de monitor. Prin urmare, fontul care este cel mai potrivit pentru un site web nu ar trebui să fie întotdeauna utilizat în tipărire.

Amintiți-vă regula: cel mai bun font care poate fi citit pe hârtie este un font serif pe ecran, cel mai bine se citește un font sans serif.

Cred că motivul pentru aceasta este că informațiile sunt afișate diferit pe hârtie și pe un ecran de monitor. Deci, în tipărirea tipografică, norma pentru un font este considerată a fi 700 dpi (puncte pe inch - numărul de puncte pe inch), iar claritatea imaginii de pe ecranul monitorului este de numai 72 dpi - de zece ori mai puțin. .

Dar să revenim la întrebarea noastră - care font este mai bun? Un răspuns clar la aceasta poate fi dat în legătură cu site-urile web: aceasta este Verdana. Mai mult, acesta nu este punctul meu de vedere, ci un fapt dovedit științific. Acest font poate fi citit cel mai bine pe ecran!

Acest font are destul interesanta poveste.

A fost conceput special pentru Microsoftîn 1996, ca un font ușor de citit pe ecran, chiar și la litere mici. Datorită absenței serifurilor, dimensiunilor largi ale caracterelor și distanta lungaîntre ele, fontul Verdana este cu adevărat ușor de citit!

Un alt lucru este că, în ciuda lizibilității sale uimitoare, este foarte drăguț: la urma urmei, vrei ca textul să fie nu numai ușor de citit, ci și să arate frumos (deși dacă îți place sau nu este o chestiune de gust). ). Atunci trebuie să cauți o alternativă - din fericire, ele există.

Top patru: fonturi Arial, Helvetica, Verdana și Georgia

După cum arată rezultatele unui sondaj realizat de Smashing Magazine pe 35 de web designeri, primul loc este împărțit de două fonturi: Helvetica și Arial. (Pentru educatie generala Voi spune că Helvetica a fost dezvoltată de designeri elvețieni în urmă cu mai bine de jumătate de secol, iar fontul Arial este cu douăzeci de ani mai tânăr.) Aceste fonturi sunt cele mai comune pe Internet și, prin urmare, pot pretinde că sunt cele mai bune.

Foarte popular (și iubit universal) font rafinat Georgia. În ciuda faptului că acest font este serif, este foarte răspândit pe Internet. De exemplu, este folosit ca font principal în versiunea online a revistei Forbes.

De fapt, dacă te uiți la site-uri web decente online, vei descoperi că cele patru fonturi de mai sus se găsesc peste tot. Alte fonturi sunt mai degrabă excepția decât regula. Prin urmare, pentru a rezuma, putem rezuma asta cele mai bune fonturi pentru site acestea sunt Arial, Helvetica, Verdana și Georgia.

În ceea ce privește fonturile pentru citirea de pe hârtie, sunt atât de multe (câteva mii) încât este aproape imposibil să le evidențiem pe cele mai bune. Cu toate acestea, oricât de banal ar suna, fontul Times New Roman și variațiile sale sunt utilizate pe scară largă în tipărire. Prin urmare, îi vom lăsa laurii celui mai bun font offline.

P.S. Apropo, Serif și Sans Serif sunt traduse din franceză astfel: cu serif și fără serif.

---------
Medicii recomandă să mergeți la stomatologi de două ori pe an. Dar când se pune problema prețurilor pentru îndepărtarea dinților, atunci nu te mai uiți la momentul sau prețurile. Dar dacă contactați clinica „ESCULAP”, atunci totul va fi decis nivel inalt. Fii sănătos!

Cred că fontul care este mai ușor de citit este mai bun. Cu toate acestea, textul este citit diferit pe hârtie și pe un ecran de monitor. Prin urmare, fontul care este cel mai potrivit pentru un site web nu ar trebui să fie întotdeauna utilizat în tipărire.

Pavel SHUDNEV

Amintiți-vă regula: cel mai bun font care poate fi citit pe hârtie este un font serif pe ecran, cel mai bine se citește un font sans serif.

Cred că motivul pentru aceasta este că informațiile sunt afișate diferit pe hârtie și pe un ecran de monitor. Deci, în tipărirea tipografică, norma pentru un font este considerată a fi 700 dpi (puncte pe inch - numărul de puncte pe inch), iar claritatea imaginii de pe ecranul monitorului este de numai 72 dpi - de zece ori mai puțin. .

Dar să revenim la întrebarea noastră - care font este mai bun? Un răspuns clar la aceasta poate fi dat în legătură cu site-urile web: aceasta este Verdana. Mai mult, acesta nu este punctul meu de vedere, ci un fapt dovedit științific. Acest font poate fi citit cel mai bine pe ecran! Acest font are o istorie destul de interesantă.

A fost dezvoltat special pentru Microsoft în 1996 ca un font ușor de citit pe ecran chiar și cu litere mici. Datorită lipsei serif-urilor, dimensiunilor largi ale caracterelor și distanței mari între ele, fontul Verdana este cu adevărat ușor de citit!

Un alt lucru este că, în ciuda lizibilității sale uimitoare, este foarte drăguț: la urma urmei, vrei ca textul să fie nu numai ușor de citit, ci și să arate frumos (deși dacă îți place sau nu este o chestiune de gust). ). Atunci trebuie să cauți o alternativă - din fericire, ele există.

Top patru: fonturi Arial, Helvetica, Verdana și Georgia

După cum arată rezultatele unui sondaj realizat de Smashing Magazine pe 35 de web designeri, primul loc este împărțit de două fonturi: Helvetica și Arial. (Pentru educația generală, voi spune că Helvetica a fost dezvoltată de designeri elvețieni în urmă cu mai bine de jumătate de secol, iar fontul Arial este cu douăzeci de ani mai tânăr.) Aceste fonturi sunt cele mai comune de pe Internet și, prin urmare, pot pretinde că sunt Cel mai bun.

Fontul rafinat Georgia este foarte popular (și iubit universal). În ciuda faptului că acest font este serif, este foarte răspândit pe Internet. De exemplu, este folosit ca font principal în versiunea online a revistei Forbes.

De fapt, dacă te uiți la site-uri web decente online, vei descoperi că cele patru fonturi de mai sus se găsesc peste tot. Alte fonturi sunt mai degrabă excepția decât regula. Prin urmare, pentru a rezuma, putem rezuma că cele mai bune fonturi pentru un site web sunt Arial, Helvetica, Verdana și Georgia.

În ceea ce privește fonturile pentru citirea de pe hârtie, sunt atât de multe (câteva mii) încât este aproape imposibil să le evidențiem pe cele mai bune. Cu toate acestea, oricât de banal ar suna, fontul Times New Roman și variațiile sale sunt utilizate pe scară largă în tipărire. Prin urmare, îi vom lăsa laurii celui mai bun font offline.

P.S. Apropo, Serif și Sans Serif sunt traduse din franceză astfel: cu serif și fără serif.

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Fișier TTF în arhiva ZIP

Ce fonturi să folosiți pentru site

Resurse cu colecții de site-uri web în stilul minimalismului

Minimalismul este o artă extrem de interesantă care combină oportunități uriașe, dar în același timp necesită mult efort, idei și cercetări pentru a obține un rezultat „luminos”. Când vizităm astfel de site-uri, de multe ori nici măcar nu acordăm atenție contururilor, designului discret sau unei anumite ușurințe care se simte în el încă de la primele pagini. Observăm acest lucru abia mai târziu când vizităm din nou aceste site-uri care ne plac.

Minimalismul în designul site-urilor web atrage și captează din ce în ce mai mult designeri și utilizatori obișnuiți, când le găsesc printre „mulțimea” de pagini multicolore cu mai multe pagini. Designerii încep să le placă și vin cu propriul lor minimalism, uneori atât de neobișnuit, dar atât de cool.

Am atins exemple de site-uri web și discuții pe tema minimalismului în articole din secțiunea „Minimalism” cu același nume.

În acest articol am adunat 8 site-uri de resurse cu colecții de minimalism, astfel încât să puteți obține inspirație și simplitate, după cum se spune, fără a părăsi casă. Bucurați-vă!

Lecții / Diverse /

Fontul site-ului- aceasta este una dintre principalele probleme în designul site-ului dvs. Mărimea, culoarea și tipul de font potrivite pot rezolva problemele de lizibilitate, frumusețe și eficiență a resursei în ansamblu.

TOP 10 cele mai bune și mai folosite fonturi

Toate fonturile de mai jos sunt considerate de bază, astfel încât pot fi folosite pe site chiar și fără a încărca fișierul cu fonturi (*.ttf) în directorul cu site-ul

1. Tahoma

2. Verdana

3. Arial/Arial Black/Arial Narrow

4. Times New Roman

5. Palatino Linotype / Palatino

6. Impact

7. Gotic de secol

8. Helvetica

9. Georgia

10. Gill Sans MT

În plus:

11. curier nou

12. Calibri

13. Trebuchet MS

14. Lucida Sans Unicode

Mai multe reguli pentru utilizarea fonturilor pe site

1. Baza textului care poate fi citit este titlurile. Ele acționează ca un fel de faruri care permit cititorului să se concentreze asupra părții sau pasajului dorit, fără a-l irita cu fluxul de informații generale. De asemenea, încercați să evidențiați cuvintele cheie!

Titlu

Primul paragraf alineat

Al doilea paragraful paragraful

2. Site-ul ar trebui să aibă un concept general, așa că încercați să nu utilizați mai mult de 2-3 fonturi pe site.

50 de fonturi cool gratuite

Mai jos este codul CSS

corp (font: 14px/100% Tahoma, Verdana, sans-serif)
14px marimea fontului, 100% spatiu intre linii, Tahoma fontul folosit
3. Textul după design trebuie să fie lizibil - mențineți contrastul (text negru pe fundal alb, alb pe albastru etc.). Încercați să nu folosiți culori strălucitoare pentru nici unul. Există excepții, dar nu se încadrează în practicile standard.

4. Când proiectați text, încercați să nu utilizați mai mult de 2-3 culori. Vă rugăm să rețineți că cele mai bune modele se limitează la 2-3 culori, nu mai mult. Urmați această regulă și voi

5. Textul trebuie să fie lizibil! Încercați să utilizați paragrafele și subparagrafele indentate sau informații de referință.

Textul primului paragraf. Lung și interesant.

Dar textul celui de-al doilea paragraf nu se va îmbina cu al doilea, deoarece va exista o liniuță între ele.

Vă mulțumim pentru atenție! Și mult succes în dezvoltarea proiectelor!)

Articolul anterior
Să învățăm combinațiile de taste rapide! Articolul următor
Cum să alegi și să înregistrezi un domeniu?

Comentarii la articol (vk.com)

In spate anul trecut Sute de fonturi chirilice excelente și noi au apărut în arsenalul designerilor. Am selectat zece dintre cele mai folosite și mai atractive fonturi rusești din ultima vreme.

Care font este mai bun? Ce fonturi sunt cel mai bine de folosit? Depinde de problema pe care o ai de rezolvat.

1. Arkhip

Descărcați fontul Arkhip

2. Boucle

Descărcați fontul Boucle

3. Cabana

Descărcați fontul Cabana

4. Eirik Raude

Descărcați fontul Eirik Raude

5. Gogoia

Descărcați fontul Gogoia Deco
Descărcați fontul Gogoia Regular

6. Muller

Descărcați fontul Muller Thin
Descărcați fontul Muller Extra Bold

7. Nexa Script

Descărcați fontul Nexa Script Thin
Descărcați fontul Nexa Script SemiBold
Descărcați fontul Nexa Script Light
Descărcați fontul Nexa Script Regularr
Descărcați fontul Nexa Script Bold
Descărcați fontul Nexa Script Heavy

8.Nickainley

Descărcați fontul Nickainley

9. Dewberry

Descărcați fontul Dewberry Regular
Descărcați fontul Dewberry Bold
Descărcați fontul Dewberry Italic
Descărcați fontul Dewberry Bold Italic

10. Pobeda

Descărcați fontul Pobeda Bold
Descărcați fontul Pobeda Regular

Nu trebuie să ignorați fonturile plătite.

De regulă, ele sunt proiectate mai atent decât ale lor analogi gratuiti, și conține un set mai larg de caractere.

11. Tesla

Cumpărați fontul Tesla

11. Tilda

Cumpărați fontul Tilda

Din păcate, nu există atât de multe fonturi chirilice de înaltă calitate pe cât ne-am dori. Dar există, desigur, o tendință pozitivă spre creșterea numărului acestora. Din ce în ce mai mulți designeri autohtoni lucrează la rusificarea vestului fonturi populare, și, de asemenea, dau viață produselor lor la fel de înalte.

Cât despre utilizare. Nu există fonturi universale pentru a rezolva orice problemă. Un font care arată grozav pe hârtie poate arăta groaznic ca tipul principal de caractere pe un site web. Acesta este motivul pentru care varietatea fonturilor de astăzi este atât de mare și fiecare dintre ele are propriul său scop. De exemplu, un font de afișare nu ar trebui să fie folosit pentru tastarea textului solid și mic, așa cum nu ar trebui să utilizați fonturi sans serif pe site-uri web. În ambele cazuri, percepția și lizibilitatea textului vor fi foarte afectate. De exemplu, cel mai bun font pentru text de pe un site web este Open Sans. Un font lizibil și familiar pentru lucrul cu documente este Times New Roman.

Designerii începători se întreabă adesea „care sunt cele mai bune fonturi pentru logo-uri”.

Fonturi pentru site: cele mai populare și utilizate

Răspunsul este simplu: lizibil. Dacă dezvoltați un logo corporativ, nu încercați să oferiți scrisului vreo soluție artistică sau stil specific. De exemplu, nu căutați un font cu vârfuri pe litere dacă faceți un logo pentru o florărie. Va fi suficient să ne referim la asocieri (delicate, subțiri, elegante, în același timp suficient de contrastante pentru a rezista scalabilității).

În cele mai multe cazuri, alegerea fontului pentru un logo ar trebui să se bazeze pe fezabilitatea utilizării unui anumit tip de caractere ca parte a unei singure soluții compoziționale. De exemplu, dacă caracterul se află în partea stângă a secțiunii de fonturi și titlul este destul de lung, un font îngust cu creiere ușoară va fi probabil potrivit. Dacă cuvântul este scurt, atunci, dimpotrivă, puteți mări kerningul și puteți alege un font mai expresiv.

În general, nu există reguli pentru alegerea unui font. Trebuie să simți asta și să iei decizii adecvate. De exemplu, dacă este o temă medicală, atât antiqua cât și grotesc sunt destul de potrivite. Cele tăiate este puțin probabil să funcționeze. Dacă tema este sport, cel mai probabil este un font dinamic, înclinat, fără serif. Posibil externat.

Desigur, cel mai bine este să faceți fontul logo-ului unic. Acest lucru va adăuga originalitate logo-ului și îți va oferi autoritate în ochii colegilor tăi și ai clientului tău.