Changer la police

[micklie]

Bonsoir,

Je souhaite changer la police du menu mais avec une police non disponible sur les pc des utilisateurs.

Dans le thème de mon site sous Wordpress j'ai un dossier fonts avec la police en question et elle est chargé automatiquement. J'aimerai faire la même chose sur mon forum mais comment faire.

mon site http://www.droid-spirit.com
mon forum forum.droid-spirit.com

[Saphir]

La propriété CSS

Code :

@font-face {
    font-family: 'MaPolice';
    src: url('MaPolice.eot') format('eot'),
         url('MaPolice.woff') format('woff'),
         url('MaPolice.ttf') format('truetype'),
         url('MaPolice.svg') format('svg');
}

fonctionne sur certains navigateurs. C'est le cas pour Chromium, sûrement pour Firefox, peu probablement pour Internet Explorer.

Le code est à insérer dans global.css (accessible depuis l'ACP). Le nom et le chemin d'accès de la police doivent y être modifiés en conséquence.

[micklie]

Merci pour le bout de code, j'ai mis cette police et si ça ne fonctionne pas j'ai mis en alternative des polices standard .

Je vais aller essayer ça et je reviens

---

Je viens de faire les modification mais cela ne semble pas fonctionner. Voici mon code dans le global.css

Code :

@font-face {
    font-family: 'BebasNeue-webfont';
    src: url('http://forum.droid-spirit.com/fonts/BebasNeue-webfont.eot') format('eot'),
         url('http://forum.droid-spirit.com/fonts/BebasNeue-webfont.woff') format('woff'),
         url('http://forum.droid-spirit.com/fonts/BebasNeue-webfont.ttf') format('truetype'),
         url('http://forum.droid-spirit.com/fonts/BebasNeue-webfont.svg') format('svg');
}

@font-face {
    font-family: 'Existence-StencilLight-webfont';
    src: url('http://forum.droid-spirit.com/fonts/Existence-StencilLight-webfont.eot') format('eot'),
         url('http://forum.droid-spirit.com/fonts/Existence-StencilLight-webfont.woff') format('woff'),
         url('http://forum.droid-spirit.com/fonts/Existence-StencilLight-webfont.ttf') format('truetype'),
         url('http://forum.droid-spirit.com/fonts/Existence-StencilLight-webfont.svg') format('svg');
}

@font-face {
    font-family: 'aller_rg-webfont';
    src: url('http://forum.droid-spirit.com/fonts/aller_rg-webfont.eot') format('eot'),
         url('http://forum.droid-spirit.com/fonts/aller_rg-webfont.woff') format('woff'),
         url('http://forum.droid-spirit.com/fonts/aller_rg-webfont.ttf') format('truetype'),
         url('http://forum.droid-spirit.com/fonts/aller_rg-webfont.svg') format('svg');
}

Dan l'url j'ai mis

Code :

http://forum.droid-spirit.com/fonts/

car avec

Code :

/fonts

ça ne fonctionnait pas non plus

[norico]

tu déclares tes fontes dans ton css , c'est bien, mais quand les affectes-tu a un élément de ton site ?
après il faut l'utiliser.
Je te conseille de lire http://www.google.com/webfonts# puis Quick-use sur une des fontes.

[whinpo]

'tain j'aurai appris des trucs sur les fontes aujourd'hui moi

[micklie]

(15-05-2012, 19:21)norico a écrit :  tu déclares tes fontes dans ton css , c'est bien, mais quand les affectes-tu a un élément de ton site ?
après il faut l'utiliser.
Je te conseille de lire http://www.google.com/webfonts# puis Quick-use sur une des fontes.

je vais aller vérifier ça mais normalement les variables css sont ajoutées dans mon fichier header.php (juste pour le menu)