I noticed webdings does not work in fire fox. I was doing some research and found that I should use character sets and encodings to my markup to fix the problem of firefox not being able to detect webdings font. Does anyone know how this is done?
When it comes to fonts, a lot depends on the operating systems of the user browsers. Webdings and Wingdings are 'special' graphic font types which Firefox's Gecko engine developers decided not to support.
Personally I would not recommend usage of such fonts unless you know for sure your users' browsers support them. E.g. in an intranet environment or closed community.
A straightforward alternative is to use images to replace them. However for certain non-ascii characters which are within the unicode set, we can safely use them.
I'm not sure what 'graphical' characters you want to display, put you can use unicode represention to display 'uncommon' characters. E.g.
These representions are usually very well supported in modern browsers regardless of the encoding preference, however you can 'enforce' further by specifying the UTF-8 encoding in the
<meta> header tag. Like this:
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
Hope the above helps.