Wingdingsin lisääminen CSS: ään

CSS (Cascading Style Sheets) on hyödyllinen tapa muotoilla Web-sivuja. Voit tyylittää kaikki verkkosivuston suunnittelun osat ulkoisella tyylisivulla, ja kyseiseen tyylisivuun tekemäsi muutokset voivat vaikuttaa useisiin Web-sivuihin. Fontit voidaan helposti määrittää uudelleen CSS: n kautta. On luettelo fonteista, jotka on standardoitu käytettäväksi Internetissä. Wingdings ei ole näiden fonttien joukossa, ja se on fontti, joka ei ole oletuksena käytettävissä kaikissa tietokoneissa. Onneksi voit silti käyttää CSS: ää web-sivun määrittämiseen käyttämään Wingdingsiä.

Vaihe 1

Avaa CSS-tiedosto Notepadissa.

Päivän video

Vaihe 2

Luo uusi luokka tai tunnus objektille, joka muotoillaan Wingdingsissä. Käytä luokkaa, jos kutsut tätä parametria useammin kuin kerran. Käytä tunnusta, jos soitat siihen vain kerran. Jos haluat esimerkiksi luoda luokan nimeltä "hullu", kirjoita seuraava:

.crazy {

Vaihe 3

Määritä Wingdings luokkasi tai tunnuksesi "font-family" -ominaisuuden sisällä. Esimerkiksi luokalle "hullu":

.crazy { font-family: wingdings}

Vaihe 4

Etsi kohde, jonka haluat hahmontaa Wingdingsissä HTML-tiedostostasi. Määritä kohde sen luokan tai tunnuksen esiintymäksi, johon Wingdingsiä sovelletaan. Jos haluttu elementti on esimerkiksi "div":

Tämän "div":n teksti muotoillaan Wingdingsissä.

Varoitus

Monet selaimet eivät tue Wingdingsiä, ja monissa tietokoneissa ei ole Wingdingiä oletusfonttijoukossaan. Tästä syystä useimmat selaimet eivät näytä Wingdingsiä oikein. Tällaisten komplikaatioiden välttämiseksi on parasta koodata jokainen haluttu Wingdings-merkki Unicoden kautta (katso Resursseja luettelo vastaavista Unicode-merkeistä.)