Hur man infogar Wingdings i CSS

Cascading Style Sheets (CSS) är ett användbart sätt att formatera webbsidor. Du kan utforma alla aspekter av en webbplats design på en extern stilmall, och ändringarna du gör i den stilmallen kan påverka flera webbsidor. Teckensnitt kan enkelt konfigureras om genom CSS. Det finns en lista över typsnitt som är standardiserade för användning på Internet. Wingdings är inte bland dessa typsnitt, och det är ett typsnitt som inte är tillgängligt som standard på alla datorer. Lyckligtvis kan du fortfarande använda CSS för att konfigurera en webbsida för att använda Wingdings.

Steg 1

Öppna din CSS-fil i Anteckningar.

Dagens video

Steg 2

Skapa en ny klass eller ID för objektet som kommer att formateras i Wingdings. Använd en klass om du kommer att anropa denna parameter mer än en gång. Använd ett ID om du bara vill ringa det en gång. Till exempel, för att skapa en klass som heter "crazy", skriv följande:

.galen {

Steg 3

Ange Wingdings inom "font-family"-egenskapen för din klass eller ID. Till exempel, för klassen "crazy":

.crazy { font-family: wingdings}

Steg 4

Leta upp objektet du vill rendera i Wingdings i din HTML-fil. Ange det objektet som en instans av klassen eller ID som Wingdings tillämpas på. Till exempel, om det önskade elementet är en "div":

Texten i denna "div" kommer att formateras i Wingdings.

Varning

Många webbläsare stöder inte Wingdings, och många datorer har inte Wingdings i sin standardtypsnittsuppsättning. Av denna anledning kommer de flesta webbläsare inte att visa Wingdings korrekt. För att undvika komplikationer av detta slag är det bäst att koda varje önskat Wingdings-tecken genom Unicode (se Resurser för en lista över motsvarande Unicode-tecken.)