25 Gorgeous Web Safe Fonturi pentru site-ul dvs.

Actualizat: 27 decembrie 2021 / Articol de: Azreen Azmi

Fonturi. Îi vedem în fiecare zi. De la reclame tipărite la reviste, există tot felul de fonturi în lume.

Fie că sunteți proprietarul unui magazin de comerț electronic sau un blogger în devenire, singurul lucru pe care toate site-urile web îl au în comun este utilizarea textului pentru conținut.

Să creezi o idee pe textul afișat (sau pe designul tipografic) este surprinzător de important atunci când creezi estetica generală a site-ului tău și pentru a-ți asigura succesul.

Dar ceea ce este mai important este ca acestea să fie fonturi sigure pentru web.

Ce sunt fonturile sigure pentru web?

Fonturile sigure pentru web sunt stiluri de fonturi care sunt de obicei preinstalate și care pot fi vizualizate pe majoritatea dispozitivelor - computere, telefoane mobile, televizoare inteligente și tablete.

De ce contează fonturile pentru siguranța web?

Într-o lume ideală, ar trebui să aveți posibilitatea de a alege orice font doriți pentru site-ul dvs. În realitate, există restricții la tipul de fonturi pe care îl puteți utiliza.

Majoritatea calculatoarelor și browserelor web au un set de fonturi care sunt pre-instalate de producători, însă desenele lor pot (și de obicei) diferă. Nu a existat un set de fonturi standard care a fost împărtășit de toți diferiții producători.

Dacă fontul pe care l-ați utilizat nu a fost instalat pe computerul unui utilizator, atunci site-ul dvs. va reveni la un font generic, care uneori poate deveni necitit.

În altele pentru a evita acest lucru, designerii de web au folosit Fonturi principale pentru Web că Microsoft a lansat în 1996 ca standard pentru majoritatea fonturilor web. Aceste seturi de fonturi au devenit în cele din urmă "fonturi securizate pe web", deoarece, indiferent de computer, fonturile vor apărea în siguranță pe site-ul dvs. Web.

Ar trebui să utilizez fonturi Web sigure pentru site-ul meu?

Răspuns scurt: Absolut.

Dacă doriți să păstrați consistența design-ului și a brandului vizual al site-ului dvs., folosiți un font sigur în web pentru a vă asigura că site-ul dvs. apare exact așa cum ați dorit să fie.

De fapt, aproape toate site-urile de astăzi utilizează o anumită formă de sigură web. Designerii de web vor recomanda întotdeauna alegerea unui font sigur pentru web, pentru a evita ca fonturile generice, cum ar fi Times New Roman, să apară atunci când utilizatorii vizitează site-ul dvs. dacă nu au acest font specific sau particularizat.

Cum pot adăuga aceste Fonturi Web Sigure?

Există o serie de moduri pe care le puteți utiliza pentru a adăuga aceste fonturi în pagina dvs. web, dar dacă nu sunteți în programare sau aveți experiență tehnică puțină sau deloc, puteți copia cu ușurință codul CSS brut și le puteți lipi direct în propriul foaie de stil pentru a utiliza fonturile.

Dacă nu sunteți încă sigur, urmați doar acești câțiva pași simpli:

  1. Încărcați fișierul header.php
  2. Copiați sursa fontului / codul standard (consultați referința 1)
  3. Inserați codul din partea de sus a fișierului cu antet.
  4. Încărcați-vă style.css, puneți codul fontului pentru a modifica textul fontului la alegere. (a se vedea referința 2)

referință 1

referință 2

body {font-family: 'Abel'; font-size: 22px;}

25 Minunat Web Fonturi Sigure pentru site-ul dvs.

1. Arial

Fonturi sigure pentru web - Arial

Link-uri / Sursa: Fonts.com / CSS Font Stack

2. Calibri

Fonturi sigure pentru web - Calibri

Link-uri / Sursa: Fonts.com / CSS Font Stack 

3. Helvetica

Fonturi sigure pentru web - Helvetica

Link-uri / Sursa: Fonts.com / CSS Font Stack

4. Segoe UI

Fonturi sigure pentru web - Segoe UI

Link-uri / Sursa: Fonts.com / CSS Font Stack

5. Trebuchet MS

Fonturi sigure pentru web - Trebuchet

Link-uri / Sursa: Fonts.com / CSS Font Stack 

6. Wales

Fonturi sigure pentru web - Cambria

Link-uri / Sursa: Fonts.com / CSS Font Stack 

7. Palatino

Fonturi sigure pentru web - Palatino

Link-uri / Sursa: Fonts.com / CSS Font Stack

8. Perpetua

Fonturi Web Safe - Perpetua

Link-uri / Sursa: Fonts.com / CSS Font Stack

9. Georgia

Fonturi sigure pentru web - Georgia

Link-uri / Sursa: Fonts.com / CSS Font Stack 

10. Consolas

Fonturi sigure pentru web - Consolas

Link-uri / Sursa: Fonts.com / CSS Font Stack

11. curier nou

Fonturi sigure pentru web - Curierat nou

Link-uri / Sursa: Fonts.com / CSS Font Stack 

12. Tahoma

Fonturi sigure pentru web - Tahoma

Link-uri / Sursa: Fonts.com / CSS Font Stack

13. Verdana

Fonturi sigure pentru web - Verdana

Link-uri / Sursa: Fonts.com / CSS Font Stack

14. Optima

Fonturi sigure pentru web - Optima

Link-uri / Sursa: Fonts.com / CSS Font Stack

15. Gill Sans

Fonturi sigure pentru web - Gill Sans

Link-uri / Sursa: Fonts.com / CSS Font Stack

16. Century Gothic

Fonturi sigure pentru web - Century Gothic

Link-uri / Sursa: Fonts.com / CSS Font Stack 

17. Candara

Fonturi Web Safe - Candara

Link-uri / Sursa: Fonts.com / CSS Font Stack

18. Andale Mono

Fonturi sigure pentru web - Andale Mono

Link-uri / Sursa: Fonts.com / CSS Font Stack 

19. Didot

Fonturi sigure pentru web - Didot

Link-uri / Sursa: Fonts.com / CSS Font Stack

20. Copperplate gotic

Fonturi sigure pentru web - Copperplate

Link-uri / Sursa: Fonts.com / CSS Font Stack 

21. Rockwell

Fonturi sigure pentru web - Rockwell

Link-uri / Sursa: Fonts.com / CSS Font Stack 

22. Bodoni

Fonturi sigure pentru web - Bodoni

Link-uri / Sursa: Fonts.com / CSS Font Stack

23. Franklin Gothic

Fonturi sigure pentru web - Franklin Gothic

Link-uri / Sursa: Fonts.com / CSS Font Stack 

24. efect

Fonturi sigure pentru web - Impact

Link-uri / Sursa: Fonts.com / CSS Font Stack 

25. Calisto MT

Fonturi sigure pentru web - Calisto

Link-uri / Sursa: Fonts.com / CSS Font Stack

Instrumente de scris pentru a verifica

Există o serie de instrumente pe care le puteți utiliza pentru a verifica și testa diferite fonturi pentru care puteți utiliza site-ul tau. Dacă aveți probleme în alegerea unui font sau doriți doar să explorați ce tipuri de fonturi sigure web sunt disponibile, aceste site-uri sunt un instrument excelent de utilizat.

Perechea de litere

Perechea de litere oferă o mulțime de resurse, pluginuri, cărți electronice, ghiduri, videoclipuri și chiar inspirații cu privire la orice și tot ceea ce are legătură cu tipografia. Acestea au chiar o secțiune care vă oferă cele mai populare fonturi disponibile pe Google Fonts și ce fonturi sunt cel mai bine asociate unul cu altul.

Wordmark.it

Dacă doriți o previzualizare rapidă a ceea ce ar arăta textul dvs. cu un anumit font, Wordmark.it vă oferă o previzualizare instantanee a modului în care textul dvs. va apărea simultan pe mai multe fonturi. Doar tastați un cuvânt sau o expresie pe bara de pe prima pagină a acestora, apăsați enter și vă va arăta textul cu diferite fonturi, cum ar fi Candara sau Lucida Console.

WhatTheFont

WhatTheFont este un instrument pe care îl puteți folosi pentru a identifica și identifica un font pe care l-ați văzut online. Tot ce trebuie să faceți este să încărcați doar o imagine a fontului și WhatTheFont îl va căuta încrucișat în baza de date pentru a vă oferi cele mai bune rezultate. Dacă tot nu puteți găsi fontul exact, puteți chiar să vă îndreptați către ele forum pentru a cere ajutor.

Este vorba despre jocul fontului

Utilizați instrumentul WHSR pentru a verifica scriptul fontului site-ului web
Instrumentul nostru dezvoltat intern poate verifica scripturile de fonturi pe care le folosește site-ul web (verificați - Instrument WHSR).

Dacă sunteți ceva ca mine, atunci șansele sunt să petreci mult timp pe web, citind și vizitând tone de site-uri web. Din această cauză, îl veți aprecia atunci când un site web folosește o tipografie bună pentru a completa designul vizual al site-ului.

Când utilizați fonturi de siguranță pentru web care sunt plăcute pentru ochi, utilizatorii dvs. vor fi recunoscători și mai dispuși să revină și să consume mai mult din conținutul dvs. Deci ce mai aștepți? Începeți să utilizați aceste fonturi și face un site minunat pentru afacerea dvs.!

Citeşte mai mult:

Despre Azreen Azmi

Azreen Azmi este un scriitor cu o pledoarie pentru a scrie despre marketingul de conținut și tehnologie. De la YouTube la Twitch, el încearcă să păstreze legătura cu cea mai recentă creație de conținut și să găsească cel mai bun mod de a-ți comercializa marca.

Conectați: