Endre skrifttype og farge som vises på en nettside

Merk: Denne siden er relatert til endring av skrifttype, størrelse og farge på en nettside. For Microsoft Word, se vår side om hvordan du endrer fontfargen, størrelsen eller skriv inn Word.

Dette dokumentet inneholder instruksjoner om hvordan du endrer en skrift og dens farge på en nettside. Den riktige syntaksen som beveger seg fremover, er å bruke Cascading Style Sheets sammen med klassen eller ID-seleksjonene i stedet for en inline-stilattributt eller font-tag, som blir utdatert. Selv om det er verdt å merke seg at disse to metodene fortsatt fungerer sammen med de fleste nettlesere.

For å fortsette, velg metoden du vil lære fra eller lese alle seksjoner.

Hvis du planlegger å endre skriftfane og fargen bare en gang på en nettside, må du endre attributter i elementetiketten. Ved hjelp av stilattributtet kan du angi skriftfarge og farge med skrifttypefamilie, farge og skriftstørrelse med skriftstørrelse, som vist i eksemplet nedenfor.

Eksempelkode

Denne teksten har skriften Courier, Blue, og 20px.

Resultat

Denne teksten har Courier-skrifttypen, er blå og 20px i størrelse.

Bruke CSS for en eller flere sider

Tilpasset skrift for en side

I hoveddelen av nettsiden din kan du sette inn kode mellom kategoriene for å endre utseendet til teksten din i ulike elementer. Den neste blå boksen inneholder eksempelkode som en gang ble kalt, ville endre skrifttypens ansikt til Courier og fargelegge den rød. Som du kan se, har vi definert klassenavnet som "egendefinert".

 .custom {font-family: Courier; fargen rød; font-size: 20 piksler; } 

Når en gang er definert, kan denne stylingen brukes på de fleste elementene på siden din ved å legge klassen "tilpasset" til dem. Følgende boks viser to kodelinjer og deres respektive resultater.

Eksempel

Denne hele setningen er rød og Courier

Bare ordet TEST er rødt og Courier.

Resultat

Denne hele setningen er rød og Courier.

Bare ordet TEST er rødt og Courier.

Tilpasset skrift for mange sider

Importere en ekstern CSS-fil kan være svært gunstig fordi den lar brukerne endre regler for flere sider samtidig. Følgende avsnitt viser et eksempel for å opprette en grunnleggende CSS-fil som endrer skriften, og det er farge for de fleste elementer. Denne filen kan lastes inn på mer enn én nettside, til og med et helt nettsted.

Ved å bruke en hvilken som helst grunnleggende tekstredigerer, lagrer du følgende tekst som en .css-fil, forbereder den for import.

 @charset "utf-8";

.courier {font-family: Courier; farge: # 005CB9; }

Når den forrige teksten er plassert i en .css-fil (vi har kalt vår grunnleggende.css ), kan du koble til den fra hvilken som helst annen side ved hjelp av en linje som ligner på følgende eksempel.

Tips: Brukere kan endre attributter av elementer på en side ved å endre koden i den importerte .css-filen.

Font tag løsning

Selv om det er utdatert, kan HTML-taggen fortsatt brukes, og det kan være nødvendig å bli brukt med noen elektroniske tjenester. Når du bruker FONT-taggen, må du inkludere ansiktsattributtet, som beskriver skrifttypen som skal brukes. I eksemplet nedenfor bruker vi Courier skrifttypen og den heksadesimale fargekoden # 005CB9, som er en mørk blå.

Eksempelkode

 Et spesielt skrifteksempel. 

Resultat