Webdings fonter ikke virker på CSS

Webding fonter gjøre gode on-the-fly ikoner for nettsteder, ingen grafikk redigering nødvendig. De er spesielt nyttig med ": før" og ": etter" pseudo-klasser (klasser er opprettet i CSS som lar deg legge til innhold før eller etter et HTML-element) i menyer og kontaktskjemaer. Du må bruke "@ font-face" regelen i Cascading Style Sheet (CSS) kode for å legge den Webding skrift, ellers vil det ikke fungere på ikke-Windows-maskiner.

Inkludering Fonts

Selv om alle Windows-maskiner kommer med Webdings skrift, Mac og Linux-systemer ikke gjør det. Av denne grunn, med mindre du skal bygge inn skriften i CSS, mange brukere vil ikke se Webdings. Bruk "@ font-face" regelen i CSS for å legge inn skrifttyper. Denne metoden validerer og fungerer i alle nettlesere, selv Internet Explorer 6. Husk også at du må sette den Webdings font fil på webserveren eller annet du ikke kan bygge inn skriften.

@ Font-face regel

Den "@ font-face" regelen ble en del av CSS siden 2.1, selv om det ikke vokse i bruk på nettet til rundt 2010. Årsaken til forsinkelsen er at selv om Internet Explorer 5 innført støtte for "@ font-face" , metoden kreves .EOT (Embedded Open Type) skrifter til å fungere. Du kan bruke True-Type (TTF) og Opentype (OTF) skrifter med @ font-face reglene i moderne nettlesere, slik at det er mulig å legge inn Webdings, en Opentype-skrift.

Kode for Embedding Fonts

Her er koden for innebygging Webding font:

@ Font-face {font-family: Webdings; src: URL ( 'Webdings.otf');}

Når du bruker denne koden, kan du kalle den skriftfamilien hva du vil, men det er bedre fornuftig å bruke "Webdings" siden som samsvarer med den sanne navnet på skriften. Når du setter på "@ font-face" regel for dette skrift, kan du bruke den i CSS-kode akkurat som alle andre font:

p {font-family: Webdings; font-size: 72px; color: # ff0000;}

Glyphs vs Letters

En ulempe med å bruke Webdings i websidene er at for Internet Explorer 6 og 7, må du finne den tilsvarende bokstaven for Webding glyph --- et annet ord for "symbol" --- og skriv det ut i stedet for å skrive i glyph seg selv. Bruk Windows "Tegnkart" program for å matche Webding symboler til deres tilsvarende bokstaver.