32 de fonturi minunate sigure pentru web de folosit cu CSS

Publicat: 2016-10-11

Pentru majoritatea dintre noi vedem fonturi în fiecare zi câteva ore pe zi. Dacă ești un angajat de birou, s-ar putea să vezi și mai multe. Ele sunt folosite în tipărire și pe site-uri web. De fapt, fonturile au fost inițial concepute pentru a tipări pentru a tipări ziare și cărți.

Astăzi fonturile sunt folosite într-o formă electronică pentru designul site-urilor web, grafica publicitară și multe altele, precum și pentru ziare, reviste și cărți care sunt încă tipărite.

De unde știi că fontul pe care îl alegeți va apărea spectatorului?

Am creat 32 de fonturi sigure pentru web pe care le puteți folosi cu CSS pe site-ul dvs.

Înainte de a ajunge la acestea, însă; știi ce este cu adevărat un font sigur pentru web?

Ce este un font sigur pentru web?

Fiecare sistem de operare este Windows sau Mac vine cu un anumit număr de fonturi încorporate. Chiar dacă nu toate sistemele informatice au aceleași fonturi instalate, puteți utiliza un pachet de tipări sigure pentru web pentru a alege mai multe fonturi care arată comparabile. Acest lucru va permite diferitelor sisteme să vadă ceea ce ați postat pe site-ul dvs. web.

Dacă nu alegeți un font sigur pentru web; nu toți cei care vă vizitează site-ul vor putea vedea ce este postat pe pagina dvs., de aceea este important să alegeți unul dintre stivele de fonturi sigure pentru web.

Ce este CSS?

Cu toate site-urile care vă permit să vă creați propriul site web și companii de găzduire care au apărut, cum ar fi Wix, unde doar glisați și plasați, este posibil să nu cunoașteți HTML sau CSS.

CSS înseamnă Cascading Style Sheets, care vă permite să controlați elemente de stil, cum ar fi culoarea, fontul sau spațierea în documentele web. Practic îi spune computerului utilizatorului ce font, culoare și spațiere să arate vizualizatorului. Dacă acel utilizator nu are fontul, computerul fie îl va descărca, fie va folosi un font similar, atâta timp cât designerul a ales o stivă de fonturi de utilizat sau o familie de fonturi. O familie de fonturi ar fi ceva de genul Lucida, care conține și Lucida Sans și Lucida Grande.

În timp ce reclamele TV arată site-uri de afaceri de succes care au folosit propriul site, nu l-aș recomanda. Dacă doriți cu adevărat să puneți un aspect profesional pentru afacerea dvs., angajați o companie de design profesional. Totuși, dacă doriți cu adevărat să vă creați propriul dvs. și să cunoașteți ceva HTML și CSS, atunci există anumite fonturi pe care ar trebui să le utilizați și vă vom spune care sunt acele fonturi.

32 de fonturi sigure pentru web

Iată fonturile care, dacă sunt folosite în stiva dvs. de fonturi, vor fi sigure, iar pagina dvs. web va apărea corect pentru oricine o vizitează. De asemenea, vă pot oferi un aspect profesional.

Fonturi de tipare de încredere web Sans Serif

Aceste fonturi san serif vor fi cele mai bune pentru pagina dvs. web.

  1. Arial
  2. Arial Black
  3. Tahoma
  4. Trebuchet MS
  5. Verdana

Iată câteva altele, chiar dacă este posibil să nu apară pe unele computere care nu le au instalate.

  1. Gotic de secol
  2. Geneva
  3. Lucida
  4. Lucida Sans
  5. Lucida Grande
Fonturi Serif Web Safe

Acestea sunt cele mai bune pentru serif

  1. Curier
  2. curier nou
  3. Georgia
  4. Times
  5. Times New Roman

Acestea vor funcționa, dar este posibil să nu se afișeze pe unele computere.

  1. MS Serif
  2. New York
  3. Palatino
  4. Linotipul Palatino
Fonturi Monospace

Cele mai bune fonturi de monospace

  1. Curier
  2. curier nou

Acestea vor funcționa, dar pot lipsi pe unele computere.

  1. Consola Lucida
  2. Monaco
Telefoane inteligente și dispozitive mobile

Aceste dispozitive au într-adevăr doar câteva fonturi; din păcate, nu există stiluri de tip reciproc pentru dispozitivele Android. În schimb, va trebui să utilizați eticheta @font-face pentru a introduce sursele pe care doriți să le utilizați. Pentru dispozitivele iPhone, iPod și iPad, stilurile de tipar cel mai des utilizate includ:

  1. Arial
  2. Curier
  3. curier nou
  4. Georgia
  5. Helvetica
  6. Palatino
  7. Times New Roman
  8. Trebuchet MS
  9. Verdana

Acestea sunt cele mai comune fonturi sigure pentru web pe care le puteți utiliza și asigurați-vă că majoritatea oamenilor vă vor vedea pagina web afișată corect pe dispozitivele iPhone, iPad și iPad.

Gratuit vs Plătit

Cu programe de cod sursă deschis, cum ar fi Open Office și LibreOffice, este posibil să găsiți destul de multe fonturi gratuite de calitate pe care să le descărcați de pe internet. Multe dintre acestea sunt de calitate destul de înaltă și ne confruntăm cu ea ca pe cei mai mulți dintre noi ca lucruri gratuite; în plus, de ce să nu economisești câțiva dolari pe un proiect?

Este gratuit întotdeauna bun, nu? Sau este? Se poate compara gratuit cu fonturile plătite?

Fonturile gratuite în comparație cu fonturile plătite care este diferența? Răspunsul este calitate. Da, unele dintre fonturile gratuite sunt de bună calitate. Cu toate acestea, atunci când vine vorba de gratuit, ar trebui să verificați totuși licențele pentru a vă asigura că le puteți utiliza.

Deci, care sunt unele dintre fonturile din colecțiile gratuite?

  1. Southern Aire de Mans Greback este gratuit pentru uz personal
  2. Devil East Free de fey design
  3. Casablanca Noir Personal Use Regular de Billy Argel
  4. Magnolia Script de Jovanny Lemonad
  5. Manila Sans – Bold încărcat de theprintinghub
  6. Titrare tipnic de MyFonts
  7. League Gothic de The League of Moveable Type
  8. Grand Hotel by Astigmatic
  9. Ayres Serif de Mariel Gornati

Care sunt cele mai bune fonturi gratuite ale anului 2016?

  1. Font Arctic gratuit
  2. Font gratuit Bemount
  3. Font gratuit Esphimere
  4. Fonturi Jaden gratuite
  5. Fonturi Barbaro gratuite
  6. Font gratuit Ansley Display
  7. Font gratuit Bariol Serif
  8. Font gratuit Bohemia SlabSerif
  9. Font Stellar gratuit
  10. Font Panama gratuit
  11. Font gratuit BSRU Bansomdej
  12. Font gratuit Firefly
  13. Font gratuit pentru script Mighttype
  14. Font gratuit BERNIER
  15. Font fără memorie

Pentru ce s-ar putea folosi aceste fonturi gratuite? Poate că pe o pagină web pentru povestiri ar fi un loc bun pentru a folosi aceste fonturi. Ele ar putea fi folosite și pentru un jurnal personal, blog foto; aproape orice doriți să publicați pe internet.

Ce fonturi folosesc profesioniștii?

Când designerii construiesc pagini web pentru clienți, aceștia folosesc fonturi plătite din mai multe colecții.

Poate vă întrebați ce fonturi folosesc profesioniștii? Aceste fonturi sunt cele mai utilizate de profesioniști.

1. Helvetica

Most Used Fonts By Professional Designers

2. Frutiger

Most Used Fonts By Professional Designers

3. Myriad Pro

Most Used Fonts By Professional Designers

4. Avenir Std

Most Used Fonts By Professional Designers

5. Traian

Most Used Fonts By Professional Designers

6. Optima Std

Most Used Fonts By Professional Designers

7. ITC Franklin Gothic Std

Most Used Fonts By Professional Designers

8. Futura

Most Used Fonts By Professional Designers

9. Bickham Script

Most Used Fonts By Professional Designers

10. Univers

Most Used Fonts By Professional Designers

11. Eurostile

Most Used Fonts By Professional Designers

12. Interstatal

Most Used Fonts By Professional Designers

13. Comerțul gotic

Most Used Fonts By Professional Designers

14. Gill Sans

Most Used Fonts By Professional Designers

15. Warnock

Most Used Fonts By Professional Designers

16. Kepler

Most Used Fonts By Professional Designers

17. Bodoni

Most Used Fonts By Professional Designers

18. Bembo

Most Used Fonts By Professional Designers

19. Rockwell

Most Used Fonts By Professional Designers

20. Meta

Most Used Fonts By Professional Designers

21. Gotham

Most Used Fonts By Professional Designers

Aceste 21 sunt fonturi pe care le veți vedea cel mai adesea pe site-urile web care au fost concepute de designeri web profesioniști.

Ar folosi designerii web profesioniști fonturi gratuite? Pot exista unele fonturi gratuite pe care un web designer profesionist le poate folosi în funcție de dorințele și nevoile clientului. Iată câteva care ar putea fi folosite de designeri web profesioniști.

  • Delicios
  • Gentium
  • Tallys
  • Yanone Kaffeesatz
  • Ambrozie
  • Lacună
  • Familia de eliberare care conține Sans și Serif
  • Advent Pro
Pentru ce ai avea nevoie de fonturi?

Pentru ce ai putea avea nevoie de fonturi? Câteva lucruri pe care le-ați putea folosi fonturi sunt scrierea unui CV, scrierea unui jurnal sau a unui blog sau ce zici de un jurnal foto pentru a partaja fotografii de familie. De asemenea, le puteți folosi pentru a vă scrie istoria familiei și genealogia sau poate un site web pentru afacerea dvs. de acasă, cum ar fi cele pentru freelanceri.

Dacă sunteți un scriitor independent, ar trebui să luați în considerare unele dintre aceste fonturi gratuite drept instrumente pe care le puteți utiliza în funcție de ceea ce clientul ar dori să prezinte. De asemenea, le puteți folosi în portofoliu pentru a le arăta clienților.

De unde puteți obține fonturi?

De unde puteți obține fonturi pentru proiectele, paginile web și alte utilizări? Iată o listă de locuri în care puteți obține fonturi. Unele dintre acestea sunt plătite, iar altele sunt gratuite, altele vor conține o combinație de fonturi plătite și gratuite pe care să le descărcați.

  • Asistență de birou de la Microsoft – mulți sunt plătiți pentru că pot exista câteva gratuite
  • Fonturi Google – Fonturi gratuite de la Google
  • 1001 fonturi gratuite – peste 12000 de fonturi gratuite, are și fonturi mac
  • DaFont – acestea sunt gratuite
  • Fonturi urbane – acestea sunt gratuite
  • Font Squirrel – acest site nu numai că are gratuit și plătit, dar vă arată cu ce sisteme de operare funcționează fontul.
  • Itunes – Apple Store are atât fonturi gratuite, cât și cu plată

Multe dintre aceste site-uri, dacă nu toate, vă vor oferi instrucțiuni despre cum să descărcați și să instalați fonturile pentru sistemul dvs. de operare, indiferent dacă este Windows sau Mac.

Acordați atenție și urmați instrucțiunile prezentate și nu ar trebui să aveți probleme la instalarea fonturilor pe care le-ați descărcat.

Cât de mult plătiți pentru fonturi va depinde de tipul de afacere în care vă aflați, de ce tipuri de proiecte faceți și de bugetul dvs.

Nu uitați că gratuit nu este întotdeauna cea mai bună alegere. Poate fi necesar să vă reduceți bugetul în alte domenii pentru a plăti pentru unele fonturi dacă doriți să aveți o selecție completă pentru clienții din care să aleagă.

Dacă simțiți că un font plătit ar fi o alegere mai bună pentru un client, explicați-i de ce să le arătați diferența dintre fonturile plătite și cele gratuite; asigurați-vă că explicați că nu toate sistemele pot avea fonturile instalate și, prin urmare, este posibil să nu poată vedea informațiile pe care le prezintă.

Concluzie

Cu toate site-urile de construcție web „do it yourself”, nu mai trebuie să aveți cunoștințe despre HTML sau CSS, dar ar trebui să fiți conștienți de tipul de fonturi care sunt utilizate în general în sistemele de operare.

Când construiți un site web, oferiți informații vizitatorilor despre afacerea dvs. sau despre lucruri pe care simțiți că trebuie să le cunoască, sau chiar despre dvs.

Dacă vă construiți propriul site web și nu utilizați un font comun pe care l-au instalat majoritatea sistemelor de operare, este posibil ca vizitatorii site-ului dvs. să nu poată vedea documentele sau informațiile pe care încercați să le oferiți.

Fonturile pe care le alegeți sunt extrem de importante și ar trebui alese cu grijă, mai ales acum că atât de mulți își creează propriile site-uri.

Trebuie să vă amintiți că nu orice computer va avea toate fonturile instalate, motiv pentru care ar trebui să alegeți o familie de fonturi sau fonturi care au fonturi similare care pot fi folosite în locul acesteia.

V-am oferit o mulțime de fonturi din care să alegeți, unele plătite, altele gratuite; depinde de dvs. să decideți care este mai bine pentru proiectul sau afacerea dvs. - plătit sau gratuit. Totul este despre ce imagine doriți să prezentați oamenilor; profesională sau armătură. Dacă este pentru un client; atunci depinde și de dvs. să le prezentați cele mai bune alegeri de plătit și gratuit și să explicați diferențele dintre ele, astfel încât să aibă toate informațiile necesare pentru a face o alegere înțeleaptă. Nu uita să le spui ce ai alege tu ca profesionist pentru propriul tău proiect personal și de ce.