Hvordan endre font i HTML

I tidligere HTML -versjoner ble skrifttaggen brukt til å definere og endre skriftstørrelse, farge og stil. Imidlertid anbefaler HTML5 ikke å bruke en fontmerke.
HTML5 har lagt til fontegenskapene som attributt i elementet. Egenskapene inkluderer fontstil, skriftstørrelse og farge. Disse egenskapene forbedrer fontens estetikk i HTML. Denne artikkelen tar sikte på å gi forskjellige metoder for å endre skrifter i HTML. Resultatene av denne artikkelen er:

1. Hvordan endre fontfarge i HTML
2. Hvordan endre skriftstørrelse i HTML
3. Hvordan endre skriftstil i HTML

Hvordan endre skriften i HTML

I HTML omfatter en skrift av forskjellige egenskaper som for eksempel Farge, stil og størrelse. Disse attributtene brukes for å gi en interaktiv synlighet av skriftene.

Hvordan endre fontfarge i HTML

For å endre fontfarge i HTML, legg til stilattributt i åpningskoden og bruk fargeegenskaper, og tilordne deretter fargeverdien som kan være “Hex”, “RGB” eller “nøkkelord” av fargen på navnet.

Følgende HTML -kode bruker "farge" Attributt til å endre skriftfargen:

Kode

I koden ovenfor brukte vi stilattributtet i åpningen P -taggen, og brukte deretter fargeegenskaper og tildelte fargeverdien.

Kodebilde

Produksjon

Fontfargen endret seg fra standard til rød, vi brukte fontfarget attributt og tildelte den røde fargen.

Hvordan endre skriftstørrelsen i HTML

Inline styling stiler det eneste elementet. Hver gang vi bruker stilattributtet i et spesifikt element, vil det overskrive den målrettede eiendommen.

La oss endre skriftstørrelsen i HTML ved hjelp av kode som er skrevet nedenfor:

Kode

I koden ovenfor setter vi skriftstørrelsen til 30px ved hjelp av fontstørrelse-egenskapen, vi brukte denne koden i åpningskoden til avsnitts-taggen som er

.

Bilde

Produksjon

Paragrafens tekststørrelse endret seg fra standard til 30px ved å bruke eiendommer.

Hvordan endre stilen til en font i HTML

Fontstil definerer stilen til skriften i HTML. Hver gang vi bruker stilmerket i et HTML -element, vil den overskrive alle parametrene som ble satt til standard.

La oss se hvordan vi kan endre skriftstil eller fontfamilie i HTML via følgende eksempel

Kode

Her brukte vi font-family-taggen og tildelte 'Verdana' -egenskapen til den, som satte overskriftenes skriftstil fra standard til Verdana.

Bilde

Produksjon

Fontstilen endret seg fra Standard til Verdana ved å bruke Font-stil eiendom.

Du har lært å endre skriftstil, skriftstørrelse og farge på skriften i HTML.

Konklusjon:

Fonten til HTML kan endres ved å bruke tre forskjellige attributter som er "farge", "fontstørrelse" og "font-stil.”Denne artikkelen gir forskjellige metoder for å endre skrifter i HTML. Egenskapen "farge" endrer fargen på skriften, "fontstørrelsen" brukes til å manipulere størrelsen på skriften og "font-family" gir litt stil til skriftene.