select fråga

Hade en fråga förut om select. hur jag får in olika färg i valen i select
fick svaret

<option value="#000000" style="background-color: #000; color: #fff";>Svart</option>

Det fungerar jätte bra

Nu har jag en n fråga

Hur får jag in olika typsnitt?

<select name="Logotypsnitt">
<option value="Verdana"  SELECTED>Verdana</option>
<option value="Arial">Arial</option>
<option value="Sans Seri">Sans Seri</option>
<option value="Tahoma">Tahoma</option>
<option value="Courier New">Courier New</option>
<option value="Georgia">Georgia</option>
<option value="Times New Roman">Times New Roman</option>
<option value="GeorImpactgia">Impact</option>
<option value="Comic Sans MS">Comic Sans MS</option>
</select>

På samma sätt som du sätter det på vanlig sätt m.h.a CSS.

Ex.

<option value="Times New Roman" style="font-family: 'Times New Roman'>Times New Roman</option>

Men tänk på att fonten måste finnas på den maskinen som webläsaren körs på, annars väljer webläsaren en "default font", inget man på ett enkelt sätt kan styra från html/css.

Mera info: http://www.w3schools.com/css/css_font.asp

Fick det inte att fungera
jag har alla på fonter

<select name="Logotypsnitt">
<option value="Verdana" style="font-family: 'Verdana'">Verdana</option>
<option value="Arial" style="font-family: 'Arial'">Arial</option>
<option value="Sans Seri" style="font-family: 'Sans Seri'">Sans Seri</option>
<option value="Tahoma" style="font-family: 'Tahoma'">Tahoma</option>
<option value="Courier New" style="font-family: 'Courier New'">Courier New</option>
<option value="Georgia" style="font-family: 'Georgia'">Georgia</option>
<option value="Times New Roman" style="font-family: 'Times New Roman'">Times New Roman</option>
<option value="Impact" style="font-family: 'Impact'">Impact</option>
<option value="Comic Sans MS" style="font-family: 'Comic Sans MS'">Comic Sans MS</option>
</select>

Testade i firefox innan jag svarade och där fungerade det, testade nu i IE8 där det inte fungerade. Någon annan kanske vet varför IE8 inte klarar av det?

Ta bort fnuttarna runt font-namnet:

<option value="Times New Roman" style="font-family: Times New Roman">Times New Roman</option>