HTML5 - Darbs ar fontiem - 1. daļa

Viens no galvenajiem aspektiem, strādājot ar tekstu HTML attēla izmaiņas var notikt, tikai mainot burtu fontu, tomēr ir divi profesionāļu aspekti, kas ar to strādā, dizaineri, kuri vēlas mainīt visus tipogrāfijas aspektus, un programmētāji, kuri, lai gan vēlas strādājot ar viņiem, viņi nevēlas šajā ziņā veikt tik dziļas izmaiņas.
Fonta rekvizīti
Pirms strādājam ar avotiem, mēs pārskatīsim to īpašības, lai uzzinātu to pamatojumu:

• fontu saime: Norāda teksta bloka fontu saimi.
• fonta izmērs: Norāda teksta bloka fonta lielumu.
• fontu stils: Norāda fonta stilu, tas var būt normāls, slīpraksts, slīps.
• fontu variants: Norāda, vai bloka tekstu var parādīt ar burtiem smallcaps, tā iespējamās vērtības ir smallcaps un normālas.
• fonta svars: Norāda teksta bloka fonta svaru, tas ir, tā biezumu, tā vērtības var būt normālas, treknrakstā, drosmīgākas, vieglākas ,.
• fonts: Īsceļš, kas ļauj norādīt fontu vienā rindā.

Avota izvēle
Īpašums fontu saime Mēs nosakām izmantoto fontu grupu, nosakot izvēles secību, lai, ja tāda nav pieejama, tā tiktu nodota sekojošajam fontu izvēles secībā. Pārlūkprogramma sākas ar pirmo fontu sarakstā un turpina mēģināt izmantot katru fontu noteiktajā secībā, līdz ir kāds, ko tā var izmantot.
Tas notiek tāpēc, ka mums var būt nepieciešams izmantot fontus, kas ir instalēti lietotāja personālajā datorā vai pieder kādai noteiktai operētājsistēmai, lai, ja cits lietotājs neatbilst prasībām, mēs varētu kontrolēt, kā tas ietekmēs mūsu dokumentu.
Visbeidzot, apskatīsim to vispārīgo fontu sarakstu, kuriem vajadzētu būt standarta veidā pieejamiem visām sistēmām un ar kuriem mums nevajadzētu rasties problēmām.

• serif
• sans serif
• kursīvs
• fantāzija
• vientelpā

Ļoti labi, jo mēs esam aptvēruši teorētisko aspektu par to, kā tiek apstrādāti avoti, apskatīsim piemērus ar kodu, kur mēs iegūsim zināšanas par to, kā praktiski īstenot visu, ko esam pētījuši:

 Piemērs
Ir daudz dažādu augļu veidu - vien ir vairāk nekā 500 banānu šķirņu. Kad mēs pievienojam neskaitāmus ābolu, apelsīnu un citu plaši pazīstamu augļu veidus, mēs esam tūkstošiem izvēles priekšā.

Šajā kodā mēs redzam, ka fontu saimē tika definēts neparasts fonts, jo tas ir patentēts fonts HelveticaNeue Condensed un tad kā otro izvēli mēs ievietojam vientelpā Apskatīsim, kā mēs to varam redzēt pārlūkprogrammā katram no definētajiem gadījumiem.
[pielikums = 861: html5fuentes.jpg.webp]
Attēla kreisajā pusē ir gadījums, kad fonts, kas tika ievietots kā pirmā izvēle, nepastāv, tas ir, fonts vientelpā, labajā pusē mēs redzam patentēto fontu.
Ar to mēs pabeidzam apmācību, zinot teorētiskos pamatus un īstenojot tos praksē, mēs tagad varam nedaudz uzspēlēt ar mūsu lietojumprogrammas avotiem un sasniegt vizuāli pievilcīgākus rezultātus, kas atbilst vēlamajam.
Jūs varat turpināt lasīt šīs apmācības 2. daļu.Vai jums patika šī apmācība un palīdzējāt tai?Jūs varat apbalvot autoru, nospiežot šo pogu, lai sniegtu viņam pozitīvu punktu