Discussion :

[Fooshi]

Bonjour,
je souhaiterais faire une liste de deroulante de choix de police donc styler chaque option par la police qui va bien mais ca ne marche pas :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
<form>
    	<select>
        	<option style="font-family:AaarghNormal;">Hello</option>
            <option style="font-family:ArualLight;">Bye1</option>
            <option style="font-family:Arial, Helvetica, sans-serif">Arial</option>
            <option style="font-family:Verdana, Arial, Helvetica, sans-serif">Verdana</option>
        </select>
    </form>

CSS :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
@font-face {
    font-family: 'AaarghNormal';
    src: url('http://www.url/fonts/aaargh-webfont.eot');
    src: url('http://www.url/fonts/aaargh-webfont.eot?iefix') format('eot'),
         url('http://www.url/fonts/aaargh-webfont.woff') format('woff'),
         url('http://www.url/fonts/aaargh-webfont.ttf') format('truetype'),
         url('http://www.url/fonts/aaargh-webfont.svg#webfontvCB2QKq2') format('svg');
    font-weight: normal;
    font-style: normal;
}

une solution a me proposer ? merci d'avance

[Invité]

Salut,
Il n'y a que les fonts persos qui ne s'affichent pas ?
Si c'est le cas, essayes de virer les guillemets de la font-family dans le font-face :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
@font-face {
    font-family: AaarghNormal;
    ....
}

A+

[Fooshi]

non en fait y'a que dalle qui fonctionne, j'ai enlevé les guillements ca ne fonctionne pas non plus

[Invité]

Tu as raison, ça ne marche que sur firefox apparement.

Il faudrait se tourner vers un composant qui remplace les select comme celui-ci (plugin jQuery).

Bon courage,