HTML5 - Lucrul cu fonturi - Partea 1

Unul dintre aspectele fundamentale atunci când lucrați cu text în HTML sunt schimbările de imagine care pot apărea doar prin schimbarea fontului literelor, totuși există două aspecte ale profesioniștilor care lucrează în legătură cu acest lucru, proiectanții care doresc să schimbe fiecare aspect al tipografiei și programatorii care, deși doresc să lucrând cu ei nu vor să facă schimbări atât de profunde în acest sens.
Proprietăți font
Înainte de a lucra cu sursele, vom face o revizuire a proprietăților lor pentru a cunoaște fundalul acestui lucru:

• familie de fonturi: Specifică familia de fonturi pentru un bloc de text.
• marimea fontului: Specifică dimensiunea fontului pentru un bloc de text.
• stilul fontului: Specifică stilul fontului, acesta poate fi normal, cursiv, oblic.
• varianta fontului: Specifică dacă textul blocului poate fi afișat sau nu în font cu caractere mici, valorile sale posibile sunt mici și normale.
• grosimea fontului: Specifică greutatea fontului pentru un bloc de text, adică grosimea acestuia, valorile sale pot fi normale, îndrăznețe, mai îndrăznețe, mai ușoare.
• font: Comandă rapidă care vă permite să specificați fontul pe o singură linie.

Selectarea unei surse
Proprietatea familie de fonturi Determinăm grupul de fonturi care vor fi utilizate stabilind o ordine de preferință, astfel încât, dacă una nu este disponibilă, să fie trecută la cea care urmează în ordinea preferințelor. Browserul începe cu primul font din listă și continuă să încerce pentru fiecare dintre fonturile în ordinea stabilită până când există unul pe care îl poate utiliza.
Acest lucru se întâmplă deoarece putem solicita să folosim fonturi care sunt instalate pe computerul unui utilizator sau care aparțin unui anumit sistem de operare, astfel încât dacă un alt utilizator nu îndeplinește cerințele, putem controla modul în care acesta va afecta documentul nostru.
În cele din urmă, să vedem o listă de fonturi generice care ar trebui să fie disponibile într-un mod standard pentru toate sistemele și cu care nu ar trebui să avem probleme.

• serif
• sans-serif
• cursiv
• fantezie
• monospațial

Foarte bine, deoarece am acoperit aspectul teoretic al manevrării surselor, să vedem exemple cu cod, de unde vom obține cunoștințele noastre despre cum să punem în practică tot ceea ce am studiat:

 Exemplu
Există o mulțime de feluri diferite de fructe - există peste 500 de soiuri de banane numai. Până când adăugăm nenumăratele tipuri de mere, portocale și alte fructe cunoscute, ne confruntăm cu mii de alegeri.

În acest cod vedem că un font neconvențional a fost definit în familia de fonturi, deoarece este un font proprietar HelveticaNeue Condensed și apoi ca a doua preferință o plasăm monospațial Să vedem cum putem vedea acest lucru în browser, pentru fiecare dintre cazurile definite.
[atașament = 861: html5fuentes.jpg.webp]
În stânga imaginii avem cazul în care fontul care a fost plasat ca prima alegere nu există, adică fontul monospațial, în partea dreaptă vedem fontul proprietar.
Cu aceasta terminăm tutorialul, după ce am cunoscut fundamentele teoretice și le-am pus în practică, acum suntem capabili să ne jucăm puțin cu sursele aplicației noastre și să obținem rezultate mai atractive din punct de vedere vizual și în conformitate cu ceea ce ne dorim.
Puteți continua să citiți partea 2 a acestui tutorial.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv