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?

thanks jb

1 answer

o.k.w 2355
This was chosen as the best answer

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.

? = ͏
? = Ԓ
? = &x06e9;
? = &x2702;
? = &x260E;

See Wingdings character set and equivalent Unicode characters.

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.

Answered over 8 years ago by o.k.w
  • Thanks, do you know why the # is used in some and not in others? Battle Tested over 8 years ago
  • # simply means use unicode's numeric representation. the "x" means use hexadecimal. Others like `&copy;`, `&nbsp;` etc are specific HTML codes for copyright and non-breaking-space characters. o.k.w over 8 years ago