Hoe Het Lettertype Op De Site Te Veranderen

Inhoudsopgave:

Hoe Het Lettertype Op De Site Te Veranderen
Hoe Het Lettertype Op De Site Te Veranderen

Video: Hoe Het Lettertype Op De Site Te Veranderen

Video: Hoe Het Lettertype Op De Site Te Veranderen
Video: 10: How to Import New Fonts | Basics of CSS | Learn HTML and CSS | HTML Tutorial 2024, April
Anonim

Elke site op internet kan niet alleen uniek zijn qua ontwerp en kleuren, maar ook qua lettertypen die erop worden gebruikt. Met behulp van het lettertype kunt u de kop selecteren, de tekst vet maken, cursief toepassen op het geselecteerde gebied en ergens zelfs iets onderstrepen. Zelfs een eersteklasser kan zo'n taak aan in teksteditors, laten we eens kijken hoe je het lettertype van de tekst op je eigen website kunt wijzigen.

Hoe het lettertype op de site te veranderen
Hoe het lettertype op de site te veranderen

instructies:

Stap 1

Open uw CSS-stylesheet. In de regel bevinden alle parameters van het siteontwerp, inclusief de tekst, zich daar. Schrijf de eigenschappen van het lettertype met behulp van de tags van de lettertypefamilie. In het stijlblad kunt u de volgende lettertype-eigenschappen wijzigen:

font-family - specificeer het type lettertype dat u wilt gebruiken. De meest populaire lettertypen zijn Times New Roman, Tahoma, Verdana, Arial;

font-size - specificeer de lettergrootte die u nodig heeft in de vorm van het corresponderende nummer, vergeet niet om pt toe te voegen. Bijvoorbeeld lettergrootte: 10pt;

font-style - specificeer de stijl van het lettertype, of het nu normaal of cursief is;

font-variant - specificeer de hoofdletters van het lettertype, kleine hoofdletters;

font-weight - specificeer het gewicht van het lettertype, of het vet, vet, etc.

Stap 2

U kunt het lettertype van de tekst rechtstreeks in een specifiek HTML-document wijzigen als u niet wilt dat de stylesheet hetzelfde uiterlijk op de hele site toepast. Gebruik hiervoor de lettertypeparameters niet langer in het stijlblad, maar direct in het tekstsegment dat u wilt wijzigen. Bijvoorbeeld: Hier is uw tekst

In dit geval heeft de font-tag drie parameters:

kleur - letterkleur;

gezicht - lettertype;

grootte - lettergrootte.

Wijzig de tekstparameters die u nodig hebt, u krijgt zoiets als het volgende:

Hier is je tekst

Stap 3

Schik koppen waar nodig. Tekstkoppen worden meestal omgeven door tags van

voordat

afhankelijk van de grootte van de header die u wilt krijgen. H1 - dit is de hoofdkop op de pagina, respectievelijk de grootste; H6 is de kleinste. H-tags zijn gepaarde tags, dus u moet zowel een openings- als een afsluitende H-tags plaatsen.

Stap 4

Pas waar nodig aanvullende tekstopmaakopties toe. Jij kan:

- markeer een tekstgedeelte vetgedrukt met behulp van gekoppelde tags, of

- cursief toepassen met gepaarde tags, of, - onderstreep de benodigde tekstgedeelten met behulp van een gekoppelde tag

Aanbevolen: