På en webbsida är en HTML-typsnitt eller webbtyp typ av text som visas med hjälp av CSS. Tidigare kunde aspekter av teckensnittet ändras med attribut och värdespar i taggen. Men i den här taggen avskrivits i HTML 4.1, och kommer snart att bli föråldrad. Följande avsnitt innehåller exempel på båda metoderna, liksom information om hur man får fler webbfonter.

För HTML5 och webbdesign i allmänhet rekommenderas att CSS används för att ange typsnittet. I följande exempel anges teckensnittet i kroppen, vilket berättar att webbläsaren ska använda Verdana om den är tillgänglig, Arial som en återgång och färgkoden # 333. Med CSS kan teckensnittsfamiljen och färgen användas genom att direkt appliceras på något specifikt HTML-element eller läggas till en viss HTML-tagg med en klass eller ett ID.

 kropp {font-family: verdana, arial; färg: # 333; } 

HTML-teckensnitt med typsnittstagg

Exempel kod

 Verdana typsnitt i en grön färg 

Exempel resultat

Var kan jag få fler webbfonter?

En av de enklaste metoderna för att få typsnitt för din webbsida är att använda Google Fonts, vilket är en samling tusentals typsnitt från Google. Dessa teckensnitt laddas från sina snabba och globala servrar och kan förbättra utseendet på din webbplats.

• Se sidan Google Fonts för en fullständig lista över deras tillgängliga teckensnitt.

• Ändra typsnittstypen som visas på en webbsida.

CSS, Font, HTML-tagg, Internettermer, Webben, Webdesign