5 fonturi sigure pentru web pe care le puteți utiliza pe site-ul dvs. web

Dacă sunteți proprietarul unui site, ar trebui să știți că un font HTML joacă un rol important în site-ul dvs. Toate site-urile web au conținut text într-o formă sau alta, dacă este ales corect un font bun poate crește estetica paginii dvs. și poate avea un impact pozitiv asupra lizibilității conținutului, motiv pentru care proiectarea și dezvoltarea unui site web este într-adevăr una dintre cele mai importante. cele mai importante aspecte pentru a demara orice afacere. Un font prost afectează negativ performanța suitei dvs., totul depinde dacă utilizați sau nu un font sigur pentru web.

Ce este un font Web Safe?

Un font poate fi citit și arată la fel în orice browser sau dispozitiv (mobil, tabletă etc.) numai dacă fontul este instalat pe acel dispozitiv. Fonturile sigure pentru web sunt acele fonturi care sunt de obicei preinstalate pe orice dispozitiv - computere, telefoane mobile, console de jocuri, tablete și televizoare inteligente.

Recomandat pentru tine: 20 de fonturi uimitoare de design de logo de care are nevoie fiecare mare designer.

De ce contează fonturile sigure pentru web?

Într-o lume perfectă, puteți alege orice font doriți pentru site-ul dvs. Cu toate acestea, pe baza sistemului de operare, dispozitivele vine cu propriile selecții de fonturi preinstalate. Problema constă în faptul că designul lor diferă de obicei în funcție de sistemul pe care îl utilizați. Dispozitivele care funcționează pe Windows pot avea un grup, MacOS ar putea avea altul și apoi Android-ul Google are o altă versiune diferită.

Când trageți un site web, fontul pe care îl vedeți în fereastra de vizualizare poate să nu fie neapărat fontul dorit de designer. Semnificație: să presupunem că designerul folosește un font care este relativ obscur. Dacă nu aveți acel font instalat, site-ul dvs. ar reveni la fontul generic definit de sistem și este posibil să nu îl știți, pentru dvs. ar părea doar neplăcut.

Fonturile sigure pentru web sunt o colecție de fonturi care există în toate sistemele și vă oferă, în calitate de designer, posibilitatea de a specifica fontul la care să recurgeți în cazul în care dispozitivul nu are fontul necesar. Vă permite să faceți site-ul web să arate la fel pe o gamă largă de dispozitive.

Care sunt cele cinci familii de fonturi?

În tipografie, toate fonturile sunt clasificate într-una din cele cinci familii de fonturi pe baza asemănărilor lor de design. Acestea sunt după cum urmează:

1. Cursiv (de exemplu, Zapf-Chancery)

Familia cursive de fonturi imită scrierea de mână umană cu literele unite de obicei într-o manieră fluidă. Este adesea asociat cu oameni cu caligrafie și scris mai rapid.

2. Fantezie (de exemplu, Star Wars)

Fonturile familiei de fonturi Fantasy au, în general, elemente decorative în fiecare literă, dar reprezintă totuși caracterul. Titlurile multor cărți și filme fictive folosesc fonturi din această familie pentru a consolida nuanța conținutului.

3. Serif (de exemplu, Times New Roman)

Cea mai notabilă caracteristică a familiei de fonturi Serif este o linie mică la sfârșitul unei linii mari într-o literă sau simbol. Creează un sentiment de eleganță și formalitate. Este utilizat pe scară largă pentru textul corpului de o serie de site-uri web.

4. Sans-serif (de exemplu, Helvetica)

Spre deosebire de fonturile din familia Serif, fonturile din familia Sans-serif nu au linia mică atașată la fiecare literă. Majoritatea fonturilor aparținând acestei familii au o lățime a conturului similară, făcându-l astfel minimalist și modern.

5. Monospațiu (de exemplu, curier)

În familia de fonturi Monospace, fiecare literă și simbol ocupă exact același spațiu pe orizontală. Astfel, făcându-le consistente și ușor de distins, motiv pentru care sunt adesea folosite cu mașinile de scris și, mai recent, cu terminalele de calculator.

S-ar putea să vă placă: 11 fonturi Photoshop minunate pe care trebuie să le încercați (GRATIS!).

Fonturi web populare:

Acum că avem o perspectivă asupra fonturilor, mai jos sunt 5 fonturi populare sigure pentru web pe care să le adăugați pe site-ul dvs.:

1. Arial

Unul dintre cele mai utilizate fonturi sans-serif atât în ​​mediile online, cât și în cele tipărite. Este standardul de facto. Versiunea OpenType 3.0 îl descrie astfel:

„Un design contemporan sans serif, Arial conține mai multe caracteristici umaniste decât mulți dintre predecesorii săi și, ca atare, este mai în ton cu starea de spirit din ultimele decenii ale secolului XX. Tratamentul general al curbelor este mai moale și mai plin decât în ​​majoritatea fețelor sans serif în stil industrial. Cursurile terminale sunt tăiate pe diagonală, ceea ce ajută la darea feței un aspect mai puțin mecanic. Arial este o familie extrem de versatilă de fonturi, care poate fi folosită cu același succes pentru setarea textului în rapoarte, prezentări, reviste etc. și pentru afișare în ziare, reclame și promoții.”

Este, de asemenea, fontul implicit în documentele Google.

2. Times New Roman

Times New Roman este o variație a vechiului font Times din familia de fonturi Serif. Comandat de ziarul britanic „The Times” în 1931 și proiectat de Stanley Morison, consilierul artistic al companiei de echipamente de tipărit Monotype și colaborând cu Victor Lardent, de la departamentul de inscripții al brațului Time's Advertising. A apărut ca unul dintre cele mai populare fonturi din toate timpurile și este preinstalat pe majoritatea dispozitivelor.

Numele Roman in Times New Roman este o referire la stilul roman, prima parte a familiei de fonturi Times New Roman care a fost proiectata. Își are originile în tipărirea italiană de la sfârșitul secolului al XV-lea și începutul secolului al XVI-lea, designul nu are nicio legătură cu Roma sau cu romanii.

3. Helvetica

Helvetica sau Neue Haas Grotesk este un font utilizat pe scară largă din familia de fonturi Sans-serif. Dezvoltat în 1957 de designerul elvețian de fonturi Max Miedinger, cu contribuția lui Eduard Hoffmann. Este proiectat într-un design neo-grotesc, cu o înălțime x mare, terminarea curselor pe linii orizontale sau verticale și o distanță strânsă foarte neobișnuită între litere, aceasta se combină pentru a-i oferi un aspect solid și dens. Conceput inițial pentru a fi utilizat ca font neutru, care avea o claritate mare, fără semnificație intrinsecă în formă și putea fi folosit într-o varietate de semnalizări și numit Neue Haas Grotesk (New Haas Grotesk), a fost rapid licențiat de Linotype și redenumit Helvetica în 1960. , latină pentru elvețian. Fontul este iubit de designeri pentru neutralitatea sa și favorizat de multe mărci celebre precum Jeep, Kawasaki, Motorola și BMW.

4. Curier

Fontul Courier este un font aparținând familiei de fonturi Serif. Proiectat de Howard „Bud” Kettler inițial pentru mașinile de scris IBM, a fost adaptat pentru a fi utilizat ca font pentru computer și aproape toate computerele sunt instalate cu el. Datorită tipăririi sale Monospace, în anii 1990 a găsit o utilizare reînnoită în industria electronică și a computerelor, unde coloanele de caractere trebuie aliniate în mod constant, de exemplu, în codificare, unde este fontul implicit pentru a scrie sau a descrie orice tip de cod.

Conform standardului industriei, toate scenariile urmau să fie scrise în 12 puncte Courier. Departamentul de Stat al SUA l-a folosit ca font standard pentru toate documentele până în ianuarie 2004. Odată cu utilizarea tot mai mare în industriile digitale, Courier a dezvoltat variante cu caracteristici precum semne de punctuație mai mari, distincții mai puternice între caractere similare (cum ar fi cifra 0 / majuscule O și cifra 1 / minuscule L), etc pentru mai multă lizibilitate pe ecran.

5. Calibri

Fontul Calibri este un membru al familiei de fonturi Sans-serif conceput de Lucas de Groot în 2002-2004. A fost lansat public în 2007, împreună cu Microsoft Office 2007 și Windows Vista. Începând cu Office 2007, a înlocuit Times New Roman ca font implicit în MS Word și Arial ca font implicit pentru MS Powerpoint, MS Excel, Microsoft Outlook și WordPad. Face parte din Colecția de fonturi ClearType, concepută pentru a funcționa cu sistemul de redare a textului ClearType de la Microsoft, pentru a face textul mai clar de citit pe ecranele cu cristale lichide (LCD).

Instrumente de font pentru a verifica

Există o serie de instrumente online pe care le puteți folosi pentru a testa diferitele fonturi înainte de a le folosi pe site-ul dvs. web. Dacă doriți să explorați tipurile de fonturi disponibile sau întâmpinați dificultăți în a alege ce font să utilizați, aceste instrumente sunt de mare ajutor.

Pereche de fonturi

Font Pair este un site web de nișă care are o mulțime de resurse legate de tipografie. Există diverse cărți electronice, ghiduri, recenzii, videoclipuri și recomandări de pluginuri pentru fonturi. Au o secțiune dedicată celor mai populare fonturi disponibile pe Google și o comparație aprofundată a fonturilor care sunt cele mai bune împreună.

Wordmark.it

Wordmark.it vă oferă o previzualizare rapidă a cum ar arăta textul dvs. cu un anumit font sau chiar mai multe fonturi împreună. Doar introduceți textul în bară și voilà, vă va arăta cum arată cu diferite fonturi.

WhatTheFont

WhatTheFont este să trimită text ceea ce este Reverse Image Search pentru imagini. Vă ajută să identificați un font pe care l-ați văzut. Doar încărcați imaginea fontului și o va potrivi cu baza lor de date și vă va oferi ceea ce crede că este cea mai apropiată potrivire. De asemenea, puteți accesa forumurile lor active pentru ajutor în identificarea fonturilor sau chiar a interogărilor tipografice generale.

S-ar putea să vă placă și: 3 moduri diferite de a adăuga fonturi personalizate la tema site-ului dvs. WordPress.

Cum să adaug fonturi sigure pentru web pe site-ul meu?

Acum că ați ales un font sigur pentru web, este timpul să îl aplicați. Dacă aveți puțină experiență în programare, urmați acești pași pentru a adăuga un font sigur pentru web pe pagina dvs. web:

1. Deschideți fișierul header.php.

2. Copiați sursa fontului/codul standard. De obicei, puteți găsi acest lucru prin Google.

3. Lipiți codul în partea de sus a fișierului antet.

4. Încărcați style.css, puneți codul fontului pentru a schimba textul fontului dorit.

Până la sfârșitul acesteia, foaia de stil ar trebui să arate astfel:

 Acest articol este scris de Abhyank Srinet. Abhyank deține o diplomă de master în management de la ESCP Europe și are o diplomă de inginerie cu o specializare în instrumentație și control. Interesul său pentru peisajul digital l-a motivat să creeze un startup online pentru consultanță în aplicații (MiM-Essay), axat pe răspândirea informațiilor de calitate despre masterul de început de carieră.