Slik endrer du skrift av et nettsted

Hvis du eier eller utvikle et nettsted, kan du bruke Hyper Text Markup Language (HTML) og Cascading Style Sheets (CSS) for å bruke endeløse stiler til nettstedet. CSS gjør endre skrift av hele nettstedet / siden eller bestemte deler av nettsiden så enkelt som å redigere en enkelt fil hvis du bruker et eksternt stilark eller en enkelt seksjon i websiden dokumentet. I tillegg støtter CSS skriftstiler for eksempel fet eller kursiv skrift, farget tekst og tilpassede skrifttyper.

Bruksanvisning

alle fonter

1 Start din tekst / kode editor på datamaskinen din og åpne Fil-menyen.

2 Klikk "Open" og finn websiden du ønsker å redigere på datamaskinen. Dobbeltklikk på den for å åpne den.

3 Skriv inn følgende HTML-kode før den avsluttende </ head> tag.

<Style type = "text / html">

kropp

{

font-family: Verdana;

font-style: italic;

font-size: 14px;

color: red;

}

</ Style>

4 Endre "Verdana" til skriften du ønsker og "rød" til fargen du ønsker. Du kan bruke fargenavnet eller hex-kode.

5 Fjern hele linjen som leser "font-style: italic;" Hvis du ikke ønsker å ha kursiv tekst. Du kan også erstatte denne linjen med "font-weight: bold" for å lage fet tekst i dokumentet.

6 Åpne Fil-menyen og klikk "Lagre" for å lagre dokumentet.

noen Tekst

7 Åpne din webside i din kode editor.

8 Legg til følgende tekst til hodet delen av dokumentet:

<Style type = "text / html">

p.red

{

font-family: Verdana;

font-style: italic;

font-size: 14px;

color: red;

}

</ Style>

9 Endre skrift familie, farge og størrelse som passer dine preferanser. Endre eller fjerne skriftstil. Du kan endre navnet på denne CSS-klasse fra "rød" til noe som er mer nyttig eller minneverdig også. For eksempel kan du bruke "p.alert" hvis du legger til spesialeffekter i et varsel varsel på ditt nettsted.

10 Plasser teksten du ønsker å være spesielt stilisert mellom <p class = "red"> og </ p> slik at det ser slik ut:

<P class = "red"> Denne teksten blir rød og kursiv. </ P>

Husk å endre "rød" hvis du har endret navnet på klassen i CSS.

11 Lagre websiden.

Hint

  • Hvis du bruker et eksternt stilark, kan du legge CSS-blokker til stilarket, men ikke legge til åpning og lukking HTML-koder.
  • Du kan bruke spesifikke skrift effekter til et velgeren. For eksempel kan du erstatte "p.red" med "h1" for å påvirke alle h1 overskrifter eller "span" for å endre all tekst i et spenn container.