using font "webdings" SOLVED

[forw]

hi,
can anyone tell me how to use "webdings" font in prestashop? I would like to have some checkboxes* in my FAQ but
it doesnt work. copying the boxes by string-v doesnt work either...

I´m using PS 1.311-8 (german version)


thanks alot for help



*
like this:

http://www.zdnetasia.com/use-wingdings-to-display-special-check-box-controls-in-an-access-report-62201326.htm

[MrBaseball34]

From: http://www.microsoft.com/typography/web/fonts/webdings/default.htm

Using Webdings
Webdings can be specified within Web pages using either Cascading Style Sheets, or the FONT FACE tag. Because Webdings is a fully functional TrueType font it will look great on screen and in print, and can be used with other Windows applications, like Word and PowerPoint.

Unfortunately the use of symbol fonts on the Web is problematic. If a Web page designer specifies a text font such as Verdana, and the reader doesn't have the font installed the text will still be displayed using their default font. However, if a Web page specifies a symbol font which isn't installed, the reader will see gibberish. For this reason Webdings is best suited for use on corporate Intranet sites, and for Internet Explorer 4 specific content.

This sample page shows the symbols specified in an HTML page using '' values from 33 to 255.

[MrBaseball34]

All that said, it really would be best for you to use images. Here are the two checkbox states in question in images:
I provided the 12px and 14px versions.
Use them in sprites like this.

.wingding_checked_1 {
 background:url('../images/wingding_checkboxes.gif') no-repeat; 
 width:12px; height:12px; 
 display:block; 
 background-position:0px 0px;
}
.wingding_checked_2 {
 background:url('../images/wingding_checkboxes.gif') no-repeat; 
 width:12px; height:12px; display:block; 
 background-position:12px 0px;
}
.wingding_unchecked_1 {
 background:url('../images/wingding_checkboxes.gif') no-repeat; 
 width:12px; height:12px; display:block; 
 background-position:24px 0px;
}
.wingding_checked_3 {
 background:url('../images/wingding_checkboxes.gif') no-repeat; 
 width:12px; height:12px; display:block; 
 background-position:0px 12px;
}
.wingding_checked_4 {
 background:url('../images/wingding_checkboxes.gif') no-repeat; 
 width:12px; height:12px; display:block; 
 background-position:14px 12px;
}
.wingding_unchecked_2 {
 background:url('../images/wingding_checkboxes.gif') no-repeat; 
 width:12px; height:12px; display:block; 
 background-position:28px 12px;
}

[forw]

mr baseball, you rock!!!

[MrBaseball34]

So, which did you use, the CSS way or the images?

[forw]

I uploaded the pics on photobucket and linked them to my page..works! thanks again..
do you happen to know how to get rid of a dopdown menu in "HOME" ...I´m using module "top horizontal menu" ?!

[MrBaseball34]

Nope, don't use that menu.

[MrBaseball34]

Can I ask why you uploaded them to photobucket and not just place them in your theme's img folder?

[forw]

Because that was the easiest and fastest solution for me. I know near to nothing about coding and stumble over little things like "do I have to put the braces at beginning and end of the code?" etc. ...