HTML5 - Arbejde med skrifttyper - Del1

Et af de grundlæggende aspekter ved arbejde med tekst i HTML er billedændringerne, der kan opstå ved blot at ændre bogstavets skrifttype, men der er to aspekter af fagfolk, der arbejder i forhold til dette, designerne, der ønsker at ændre alle aspekter af typografien, og programmørerne, som, selvom de vil arbejder med dem, ønsker de ikke at foretage så dybe ændringer på dette.
Skrifttypeegenskaber
Inden vi arbejder med kilderne, skal vi gennemgå deres ejendomme for at kende baggrunden for dette:

• font-familie: Angiver skrifttypefamilien for en tekstblok.
• skriftstørrelse: Angiver skriftstørrelsen for en tekstblok.
• skrifttype: Angiver skrifttypens stil, den kan være normal, kursiv, skrå.
• skrifttype-variant: Angiver, om blokens tekst kan vises med små bogstaver, dens mulige værdier er små bogstaver og normale.
• font-vægt: Angiver vægten af ​​skrifttypen for en tekstblok, det vil sige dens tykkelse, dens værdier kan være normale, fed, federe, lettere ,.
• skrifttype: Genvej, der giver dig mulighed for at angive skrifttypen på en enkelt linje.

Valg af kilde
Ejendommen skrifttype-familie Vi bestemmer gruppen af ​​skrifttyper, der skal bruges ved at fastsætte en præferencerækkefølge, så hvis en ikke er tilgængelig, sendes den til den, der følger i præferencerækkefølge. Browseren starter med den første skrifttype på listen og fortsætter med at prøve hver af skrifttyperne i den etablerede rækkefølge, indtil der er en, den kan bruge.
Dette sker, fordi vi kan kræve at bruge skrifttyper, der er installeret på en brugers pc eller som tilhører et specifikt operativsystem, så hvis en anden bruger ikke opfylder kravene, kan vi kontrollere, hvordan det påvirker vores dokument.
Lad os endelig se en liste over generiske skrifttyper, der bør være tilgængelige på en standard måde for alle systemer, og som vi ikke bør have problemer med.

• serif
• sans serif
• kursiv
• fantasi
• monospace

Meget godt, da vi har dækket det teoretiske aspekt ved håndtering af kilder, lad os se eksempler med kode, hvor vi får vores viden om, hvordan vi kan omsætte alt, hvad vi har studeret:

 Eksempel
Der er masser af forskellige slags frugt - der er over 500 sorter bananer alene. Når vi tilføjer de utallige typer æbler, appelsiner og andre velkendte frugter, står vi over for tusindvis af valgmuligheder.

I denne kode ser vi, at en ukonventionel skrifttype blev defineret i skrifttypefamilien, da det er en proprietær skrifttype HelveticaNeue kondenseret og derefter som en anden præference placerer vi monospace Lad os se, hvordan vi kan se dette i browseren for hvert af de definerede tilfælde.
[vedhæftet fil = 861: html5fuentes.jpg.webp]
Til venstre for billedet har vi tilfældet, hvor den skrifttype, der blev placeret som førstevalg, ikke eksisterer, det vil sige skrifttypen monospace, på højre side ser vi den proprietære skrifttype.
Med dette afslutter vi selvstudiet, efter at have kendt de teoretiske grundlag og omsat dem i praksis, er vi nu i stand til at lege lidt med kilderne til vores applikation og opnå mere visuelt attraktive resultater og i tråd med, hvad vi ønsker.
Du kan fortsætte med at læse del 2 i denne vejledning.Kan du lide og hjælpe denne vejledning?Du kan belønne forfatteren ved at trykke på denne knap for at give ham et positivt punkt