Style Select List Fonts

[TamedTech]

Hello Guys,

I have a SELECT drop down box containing the names of different fonts and I'm hoping to be able to have the name of the font displayed in that font face.

Can I style the font face of the items in the select list? if so then how?

Thanks guys,

Rob

 

[feherke]

Hi

Like this ?

<select>
<option style="font-family: Arial">Arial</option>
<option style="font-family: Courier New">Courier New</option>
<option style="font-family: Times New Roman">Times New Roman</option>
</select>

That works in Mozillas, but not in others. As far as I know, no you can not do it as you wish. Maybe with some DHTML maneuver, but the result will not be a [tt]form[/tt] element.

Feherke.

http://rootshell.be/~feherke/

 

[monksnake]

The only way I can see to do what you want is to create a CSS dropdown menu and add the different fonts to it.

Here are a few links for CSS dropdown menus.

http://www.cssplay.co.uk/menus/drop_examples.html

http://www.alistapart.com/articles/horizdropdowns

You can use examples from here to mimic a <select> box if you would like.


<.

 

[Sleidia]

Hi

You might want to read this

http://www.netmechanic.com/news/vol3/css_no3.htm

and this

http://home.tiscali.nl/developerscorner/fdc-varia/font-embedding.htm