Bemærk: Denne side er relateret til ændring af skrifttype, størrelse og farve på en webside. For Microsoft Word, se vores side om, hvordan du ændrer skrifttypens farve, størrelse eller skriv i Word.

Dette dokument indeholder instruktioner om, hvordan du ændrer en skrifttype og dens farve på en webside. Den rigtige syntax, der bevæger sig fremad, er at bruge Cascading Style Sheets sammen med klassen eller ID-vælgerne snarere end en inline-stilattribut eller skrifttags-tag, der udskilles. Selv om det er værd at bemærke, at disse to metoder stadig arbejder sammen med de fleste internetbrowsere.

For at fortsætte vælges den metode, du gerne vil lære fra eller læse hvert afsnit.

Hvis du planlægger at ændre skrifttypens ansigt og dets farve kun én gang på en webside, skal du ændre attributterne i elementetiketten. Ved hjælp af stilattributten kan du angive skrifttypens ansigt og farve med skrifttypefamilie, farve og skrifttypestørrelsen med skrifttypestørrelse, som vist i eksemplet nedenfor.

Eksempelkode

Denne tekst har skriften Courier, Blue og 20px.

Resultat

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

Brug CSS til en eller flere sider

Brugerdefineret skrifttype til en side

I hoveddelen af ​​din webside kan du indsætte kode mellem fanerne for at ændre udseendet af din tekst i forskellige elementer. Den næste blå boks indeholder eksempelkode, som en gang kaldte, ville ændre dit skriftside til Courier og farve det rødt. Som du kan se, har vi defineret klassenavnet som "brugerdefineret".

 .custom {font-family: Courier; farve: rød; font-size: 20px; } 

Når først defineret, kan denne styling anvendes på de fleste elementer på din side ved at vedhæfte klassen "brugerdefineret" til dem. Følgende boks viser to linjer kode og deres respektive resultater.

Eksempel

Denne hele sætning er rød og Courier

Kun ordet TEST er rød og Courier.

Resultat

Denne hele sætning er rød og Courier.

Kun ordet TEST er rød og Courier.

Brugerdefineret skrifttype til mange sider

Import af en ekstern CSS-fil kan være meget gavnlig, fordi den giver brugerne mulighed for at ændre regler for flere sider på samme tid. Følgende afsnit viser et eksempel på oprettelse af en grundlæggende CSS-fil, der ændrer skrifttypen, og den er farve for de fleste elementer. Denne fil kan indlæses på mere end en webside, endda et helt websted.

Ved at bruge en hvilken som helst grundlæggende teksteditor, gemmer du den følgende tekst som en .css-fil, forbereder den til import.

 @charset "utf-8";
.courier {font-family: Courier; farve: # 005CB9; } 

Når den foregående tekst er blevet placeret i en .css-fil (vi har nævnt vores basic.css ), kan du linke til den fra enhver anden side ved hjælp af en linje, der ligner det følgende eksempel.

Tip: Brugere kan ændre attributterne af elementer på en side ved at ændre koden i den importerede .css-fil.

Font tag løsning

Selv om det er udskrevet, kan HTML-mærket stadig bruges og kan være nødvendigt for at blive brugt med nogle onlinetjenester. Når du bruger FONT-taggen, skal du inkludere ansigtsattributten, som beskriver den skrifttype, der skal bruges. I eksemplet nedenfor bruger vi Courier skrifttypen og den hexadecimale farvekode # 005CB9, som er en mørk blå.

Eksempelkode

 Et specielt skrifttypeeksempel. 

Resultat