HTML5 - Arbeta med teckensnitt - Del1

En av de grundläggande aspekterna när man arbetar med text in HTML är bildändringarna som kan inträffa bara genom att ändra bokstäverna, men det finns två aspekter av yrkesverksamma som arbetar i förhållande till detta, designers som vill ändra varje aspekt av typografin och programmerarna som, även om de vill genom att arbeta med dem vill de inte göra så djupgående förändringar i detta.
Teckensnittsegenskaper
Innan vi arbetar med källorna kommer vi att göra en översyn av deras egenskaper för att veta bakgrunden till detta:

• typsnittsfamilj: Anger typsnittsfamiljen för ett textblock.
• textstorlek: Anger teckenstorleken för ett textblock.
• typsnitt: Anger typsnittet på teckensnittet, det kan vara normalt, kursivt, snett.
• font-variant: Anger om texten i blocket kan visas med små teckensnitt, dess möjliga värden är små och stora.
• font-weight: Anger vikten av typsnittet för ett textblock, det vill säga dess tjocklek, dess värden kan vara normala, fet, djärvare, lättare ,.
• font: Genväg som låter dig ange teckensnittet på en enda rad.

Välja källa
Egendomen typsnittsfamilj Vi bestämmer gruppen teckensnitt som ska användas genom att fastställa en preferensordning så att om en inte är tillgänglig, skickas den till den som följer i preferensordning. Webbläsaren börjar med det första teckensnittet i listan och fortsätter att försöka för alla teckensnitt i den etablerade ordningen tills det finns ett som det kan använda.
Detta händer eftersom vi kan behöva använda teckensnitt som är installerade på en användares dator eller som tillhör ett specifikt operativsystem, så att om en annan användare inte uppfyller kraven kan vi styra hur det kommer att påverka vårt dokument.
Slutligen, låt oss se en lista över generiska typsnitt som borde vara tillgängliga på ett standard sätt för alla system och som vi inte bör ha problem med.

• serif
• sans serif
• kursiv
• fantasi
• monospace

Mycket bra eftersom vi har täckt den teoretiska aspekten av vad som är hantering av källor låt oss se exempel med kod som är där vi kommer att få vår kunskap om hur vi ska omsätta allt vi har studerat:

 Exempel
Det finns massor av olika sorters frukt - det finns över 500 sorter av bananer ensam. När vi lägger till de otaliga typerna av äpplen, apelsiner och annan välkänd frukt står vi inför tusentals val.

I den här koden ser vi att ett okonventionellt teckensnitt definierades i teckensnittsfamiljen eftersom det är ett eget teckensnitt HelveticaNeue kondenserad och sedan som en andra preferens lägger vi monospace Låt oss se hur vi kan se detta i webbläsaren, för vart och ett av de definierade fallen.
[bilaga = 861: html5fuentes.jpg.webp]
Till vänster om bilden har vi det fall där det teckensnitt som placerades som förstahandsval inte existerar, det vill säga teckensnittet monospace, på höger sida ser vi det egna teckensnittet.
Med detta avslutar vi handledningen, efter att ha känt de teoretiska grunderna och omsatt dem i praktiken, kan vi nu leka lite med källorna till vår applikation och uppnå mer visuellt attraktiva resultat och i linje med vad vi vill.
Du kan fortsätta läsa del 2 i denna handledning.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng