HTML5 - Arbeide med fonter - Del1

En av de grunnleggende aspektene når du arbeider med tekst i HTML er bildeendringene som kan oppstå bare ved å endre skriften på bokstavene, men det er to aspekter av fagfolk som jobber i forhold til dette, designerne som ønsker å endre alle aspekter av typografien og programmørene som, selv om de ønsker å Når de jobber med dem, ønsker de ikke å gjøre så store endringer på dette.
Skriftegenskaper
Før vi arbeider med kildene, skal vi gjøre en gjennomgang av eiendommene deres for å vite bakgrunnen for dette:

• font-familie: Spesifiserer skriftfamilien for en tekstblokk.
• skriftstørrelse: Angir skriftstørrelsen for en tekstblokk.
• fontstil: Spesifiserer skriftstilen, den kan være normal, kursiv, skrå.
• font-variant: Angir om teksten i blokken kan vises med små bokstaver, dens mulige verdier er små og store.
• font-vekt: Spesifiserer vekten på skriften for en tekstblokk, det vil si dens tykkelse, dens verdier kan være normale, fet, dristigere, lettere ,.
• skrift: Snarvei som lar deg spesifisere skriften på en enkelt linje.

Velge en kilde
Eiendommen font-familie Vi bestemmer gruppen av fonter som skal brukes ved å etablere en preferanserekkefølge, slik at hvis en ikke er tilgjengelig, blir den overført til den som følger i preferanserekkefølge. Nettleseren starter med den første skrifttypen i listen og fortsetter å prøve hver av skriftene i den etablerte rekkefølgen til det er en som den kan bruke.
Dette skjer fordi vi kan kreve å bruke fonter som er installert på en brukers PC eller som tilhører et bestemt operativsystem, slik at hvis en annen bruker ikke oppfyller kravene, kan vi kontrollere hvordan det vil påvirke dokumentet vårt.
Til slutt, la oss se en liste over generiske fonter som bør være tilgjengelige på en standard måte for alle systemer og som vi ikke bør ha problemer med.

• serif
• sans serif
• kursiv
• fantasi
• monospace

Veldig bra siden vi har dekket det teoretiske aspektet ved hva som er håndtering av kilder, la oss se eksempler med kode som er hvor vi vil få vår kunnskap om hvordan vi skal praktisere alt vi har studert:

 Eksempel
Det er mange forskjellige frukttyper - det er over 500 varianter av bananer alene. Når vi legger til de utallige typer epler, appelsiner og annen kjent frukt, står vi overfor tusenvis av valg.

I denne koden ser vi at en ukonvensjonell skrift ble definert i fontfamilien siden den er en proprietær skrift HelveticaNeue kondensert og deretter som en annen preferanse vi plasserer monospace La oss se hvordan vi kan se dette i nettleseren, for hvert av de definerte tilfellene.
[vedlegg = 861: html5fuentes.jpg.webp]
Til venstre på bildet har vi tilfellet der skriften som ble plassert som førstevalg ikke eksisterer, det vil si skrifttypen monospace, på høyre side ser vi den proprietære skriften.
Med dette fullfører vi opplæringen, etter å ha kjent de teoretiske grunnlagene og satt dem i praksis, kan vi nå leke litt med kildene til applikasjonen vår og oppnå mer visuelt attraktive resultater og i tråd med det vi ønsker.
Du kan fortsette å lese del 2 av denne opplæringen.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng