Cum de a alege fontul pentru site-ul

1. Selectați familia de fonturi

Există nenumărate fonturi, multe dintre ele sunt similare între ele, dar cu toate acestea, fiecare dintre ele are propriile sale caracteristici distinctive. Cu toate acestea, nu toate browserele au fiecare dintre ele. Mai jos este o listă mică dintre cele mai populare fonturi care sunt în fiecare browser:

De exemplu, puteți alege unele fonturi frumoase la Google Font. dar la fontul selectat a venit de la utilizatori, browser-ul va trebui să-l conectați. Ca urmare, fontul va fi încărcat de fiecare dată când un Google Font, care cred că este rău, și are un număr de motive bune:

În primul rând, există o dependență de alte site-uri (în acest caz, Google). De exemplu, Google, indiferent de motiv, se poate lucra încet, în acest caz, de asemenea, site-ul tau se clatina. Exemplele nu sunt departe de a căuta. Am încărcat personal scenariul pentru munca AJAX (jQuery) de la Google, dar din când în când el nu a navei, iar acest lucru a condus la funcționarea incorectă a întregului site. Solutia a fost simplu: doar copiat în întregime codurile .js fișierul meu de hosting și încărcați-l la meu de hosting. Deci, este cel mai bine atunci când întregul site este încărcat cu propriul dvs. de găzduire. Cu toate acestea, pentru a transfera fonturile pe site-ul dvs. nu va trebui să le expedieze întotdeauna de la Google.

În al doilea rând, în browsere, cum ar fi Opera în ochii tuturor utilizatorul ar arata astfel: el vine la tine pe site-ul, conținutul a apărut deja, și după aproximativ o jumătate de secundă - bang și fontul schimbat. Acest lucru se va întâmpla imediat ce browser-ul pentru ao încărca cu Google și procese. În opinia mea, este „flicker“ stiluri în text este nepotrivit pentru resurse serioase. Desigur, această situație nu este în toate browserele, dar pentru mine personal, și unul din opera este suficient să renunțe la ideea de a folosi mai puțin populare fonturi.

Să ne întoarcem la familia de fonturi. Cel mai bun (sau, mai degrabă, chiar universal), în opinia mea este fontul Verdana. Pe acest site este un astfel de font. El este fără S-uri, este un puternic și ușor de citit, iar acest lucru este ceea ce este necesar pentru ca utilizatorul să obțină rapid informații.

2. Selectați dimensiunea fontului

remarcă
De multe ori, aceeași dimensiune în fonturi diferite, are o complet diferite dimensiuni înălțime, și, astfel, reprodus vizual în moduri diferite. Prin urmare, este mai bine pentru a testa toate privirile, și nu deranjez pentru a figura specifice 14.

3. Selectați culoarea fontului și fundal sub el

Foarte popular este, de asemenea, combinația dintre: un fundal negru și text alb, dar această combinație nu este potrivit pentru fiecare site. Cu toate acestea, cele mai multe site-uri au modele luminoase. Am găsit o listă de combinații speciale de font color și de fundal (în ordinea descrescătoare lizibilitate):

  • Albastru pe alb;
    Exemplu - albastru pe alb
  • Negru pe galben;
    Exemplu - negru pe galben
  • Verde pe alb;
    Exemplu - verde alb
  • Negru pe alb;
    Exemplul - negru pe alb
  • Roșu pe galben;
    Exemplu - Roșu pe galben
  • Roșu pe alb;
    Exemplu - Roșu pe alb
  • Verde la roșu;
    Exemplu - verde la roșu
  • Orange pe negru;
    Exemplu - portocaliu pe negru
  • Negru pe violet;
    Exemplu - negru pe violet
  • Orange pe alb;
    Exemplu - portocaliu pe alb
  • Roșu în verde;
    Exemplu - roșu pe verde

4. Alte lucruri

Aceste lucruri mici, aș dori să includă următoarele:

  • Textul trebuie să fie în litere mici, deoarece un registru mare provoacă iritații;
  • Alinierea textului ar trebui să fie aliniate la stânga, din moment ce acest lucru folosit tot;
  • Conținutul trebuie să fie lățimea nu este foarte extinsă, deoarece utilizatorii sunt leneși și, dacă aveți ochi rula de pe stânga la marginea din dreapta a monitorului va provoca disconfort și pierderea de gândire;
  • Fontul trebuie să fie un mod regulat, și anume nici italic, nu bold, nu subliniate (ai grija aceste elemente pentru a izola ideile principale din text);

articole similare