Vad är ett HTML-teckensnitt?

I HyperText Markup Language (HTML) kan termen ”font face” betyda en av två saker. Det kan hänvisa till ansiktsegenskapen för teckensnittstaggen, som används för att definiera vilken typ av teckensnitt som den bifogade texten ska visas i. Alternativt kan det också hänvisa till CSS-väljaren (Cascading Style Sheet) teckensnitt, vilket möjliggör en bekväm metod för att införliva anpassade eller sällsynta typsnitt på en webbplats. Från och med HTML 4.0-språkspecifikationen har dock face-egenskapen för font-taggen avskrivits, vilket innebär att den fortfarande kommer att renderas av en webbläsare men ett CSS-alternativ bör användas istället.

HTML-teckensnittet används som en egenskap för själva font-taggen för att specificera vilket teckensnitt som ska användas för att återge texten innesluten i de inledande och avslutande font-taggarna. Alla typsnitt kan specificeras på detta sätt, även om det bara kommer att visas korrekt om användaren redan har det exakt namngivna teckensnittet på sin dator. Om en användare inte har det namngivna HTML-teckensnittet på sin lokala hårddisk, kommer webbläsaren att använda ett standardteckensnitt som standard.

Detta problem med saknade teckensnitt kan mildras på ett av två sätt, det första är att endast använda ett av en liten serie teckensnitt som är standard med nästan alla operativsystem, vilket säkerställer att teckensnittet kommer att visas korrekt. Det andra alternativet är att använda en funktion i HTML-teckensnittsegenskapen som tillåter att mer än ett teckensnitt anges som ett värde, avgränsade med kommatecken. Att använda en lista med teckensnitt med egenskapen face kommer att göra att webbläsaren försöker ladda varje teckensnitt i sekvens och går vidare till nästa om det aktuella teckensnittet inte kan laddas. Detta ger en mer kontrollerad metod för att designa en webbsida som kan ta bort helt oväntade resultat.

När HTML-teckensnittsegenskapen avskrivs ersattes den med en CSS-version. Det korrekta sättet att specificera ett teckensnitt genom CSS är att använda en stil och egenskapen font-family, som fungerar på ett nästan identiskt sätt med HTML font face-egenskapen. Även om HTML-taggenskapen är avskriven, bör webbläsare fortfarande stödja funktionen för bakåtkompatibilitetens skull.

Genom CSS kan ett HTML-teckensnitt också referera till en väljare som kan användas för att ladda anpassade typsnitt från webbservern så att användarna kan se sidan korrekt utan att behöva ha typsnittet i förväg. Denna väljare ger designers ett sätt att ange en teckensnittsfil som sedan laddas ner och visas i webbläsare som kräver det. Liksom många CSS-element finns dock vissa kompatibilitetsproblem mellan de olika webbläsarimplementeringarna.