Wanneer u CSS gebruikt, kunt u heel specifiek lettergroottes definiëren en toepassen op groepen van tekst , waarin u aangeeft met tags . U kunt ofwel een externe CSS-bestand en bevestig deze aan het HTML-bestand dat de inhoud van uw pagina bevat , of u kunt ook interne CSS- style -codes in de kop van het HTML-bestand . Welke methode u ook kiest, de basis code voor het instellen van de lettergrootte ziet er zo uit :

h1
{ font-size : 40px ; }

Dit betekent dat elke tekst die u aanwijzen als " h1 " in het HTML-bestand heeft een grootte van 40 pixels . Als u problemen met de tekstgrootte verschijnen deze grootte hebben , zorg ervoor dat de tag wordt geopend en gesloten met accolades . Controleer ook of de waarde eindigt met een puntkomma , en dat er geen ruimte is tussen het cijfer waarde en " px . "
Standard Type Tags

Meestal een ontwerper maakt gebruik van header tags om verschillende lettergroottes hij moet de hele website opgezet . Traditioneel deze tags beginnen met

, dat is de grootste lettergrootte vinden op de pagina , naar

, die zeer kleine tekst gevonden in een voettekst kan zijn . Label

definieert typische body tekst die in de paragrafen weergegeven . U kunt al deze individuele maten in de CSS- stylesheet te stellen , dan plaatst u de tekst geschreven in uw HTML met de tags .
Behulp Absolute Waarden

p
{ font-size : : 14pt ; } kunt de lettergrootte in een absolute waarde , zoals pixels , millimeters of inches , zoals in het volgende voorbeeld

Dit stelt de lettergrootte voor alle tekst binnen

tag als 14 punten het . Dit is een voorbeeld van absolute grootte, waarbij het ​​tekstformaat blijft een vaste grootte . Sommige browsers kunt u deze grootte te veranderen , wat handig is voor mensen met een visuele handicap die behoefte hebben om tekst te vergroten om het te lezen . Echter, Internet Explorer niet toestaan ​​om de grootte te verhogen met deze codering .
Behulp Relatieve Waarden

Veel ontwerpers
gebruiken relatieve waarden te lettergroottes te veranderen . Dit stelt de tekst grootte in verhouding tot andere elementen en laat u de grootte in alle browsers . Relatieve waarden omvatten pixels , percentages en ems . Ems zijn de aanbevolen door het World Wide Web Consortium ( W3C ) eenheid . Een meting van 1 em is gelijk aan de standaard grootte van een lettertype in een web browser , dat is 16 pixels . U kunt lettergroottes in ems opgeven met de volgende code :

h2 { font-size : 1.875em ; }

Vanwege aanhoudende problemen met de compatibiliteit in Internet Explorer , het W3C adviseert een combinatie van percentages en ems te zorgen als standaard een kijkervaring mogelijk in alle browsers . Zij bevelen de volgende code naar een standaard formaat lettergrootte :

lichaam
{ font-size : 100 % ; }

en geef uw verschillende kopje en paragraaf maten gebaseerd off van dat : < br

h1 > { font-size : 2.25em ; }

p
{ font-size : 0.8em ; }