Firefox CSS webdings 1

MarkZK · May 19, 2007

Hi all,

does anyone know why Firefox only seems to display the webdings font when using face in the font tag and not when styled ?

Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
  "[URL unfurl="true"]http://www.w3.org/TR/html4/loose.dtd">[/URL]
<html lang="en">
<head>
<title>
test
</title>
<style type="text/css">
.mp3btn{
color:#fff;
font-family:webdings;
font-size:15px;
background:#000;
border:2px red groove;
cursor:pointer;
}
</style>
</head>
<body>
<span onclick="" id="btnNext" class="mp3btn">7</span>
<span onclick="" id="btnPlayStop" class="mp3btn" style="color: red;">&lt;</span>
<span onclick="" id="btnNext" class="mp3btn">8</span>
</body>
</html>

I'm trying to swap all font tags for span tags

Thanks.

TonyGroves · May 20, 2007

I can't test it, because I haven't got the Webdings font on my system, and I'm sure that's true for many others as well. If you want to show graphics, image files are the way to go.

MarkZK · May 20, 2007

Fair enough, that's a good enough point.

I think I was just getting a little obsessed with over optimizing the total size of the page.

I'll use images instead, thanks TonyGroves.

Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Firefox CSS webdings 1

MarkZK

Technical User

TonyGroves

Programmer

MarkZK

Technical User

Similar threads

Part and Inventory Search

Sponsor