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
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.
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
ça ne fonctionnait pas non plus
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.
'tain j'aurai appris des trucs sur les fontes aujourd'hui moi
(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)