Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Wingdings font family does not seem to work on Firefox and Opera

I was using the Wingdings font in the CSS for some symbols like a pencil and a home icon.

It worked on IE, Chrome and Safari but not in Firefox and Opera. I googled it but did not find any better solution.

Why doesn't it work in Firefox? I do need to use those icons, is there any way to use Wingdings in Firefox?

like image 989
niko Avatar asked Oct 22 '11 20:10

niko


People also ask

What font family is Wingdings?

The Wingdings fonts were designed by Kris Holmes and Charles Bigelow in 1990 and 1991. The fonts were originally named Lucida Icons, Arrows, and Stars to complement the Lucida text font family by the same designers.

Is Wingdings a web font?

According to research I have checked… Symbol, Webdings, Wingdings & Zapf Dingbats all qualify under the “web-safe fonts” category though as you know there are no gaurantees, generally symbolic fonts don't tend to be used in web design but I see no reason why they couldn't be used.

How do I add a Wingdings font?

STEP 1: Select the cell where you want to insert a symbol. STEP 2: Go to Home > Font Dropdown > Select Wingdings. STEP 3: Press and hold the Alt button and then type the character code (0254) on your keypad. This is how you can easily use the Alt button to insert windings characters in Excel.

Does Microsoft Word have Wingdings?

Go to “Insert” tab and then “Symbol” drop down arrow (located at far right of ribbon) , click on “More Symbols...” and at “Symbol” window and then at “Font:” click on drop down arrow and scroll to find Wingdings.


2 Answers

Mozilla and Opera are standard-compiliant. Wingdings is not standard (what a surprise coming from Microsoft) because not mapped to Unicode, and so should never be used on a website.

However, do not despair, most symbols are available in Unicode : check http://www.alanwood.net/demos/wingdings.html

Important addendum (october 2014) : As of Unicode v7, released on June 16, 2014, all characters from Webdings and Wingdings have been added to Unicode. See the comment below.

like image 159
mddw Avatar answered Nov 07 '22 08:11

mddw


You could use unicode characters such as

http://www.fileformat.info/info/unicode/char/270e/index.htm

like image 44
Joseph Marikle Avatar answered Nov 07 '22 10:11

Joseph Marikle