MyBB.support, le portail francophone de MyBB
Changer la police - Version imprimable

+- MyBB.support, le portail francophone de MyBB (https://mybb.support)
+-- Forum : Thèmes (https://mybb.support/forum-4.html)
+--- Forum : Support (https://mybb.support/forum-6.html)
+--- Sujet : Changer la police (/thread-5607.html)



Changer la police - micklie - 14-05-2012

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


RE: Changer la police - Saphir - 14-05-2012

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.


RE: Changer la police - micklie - 15-05-2012

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 Smile.

Je vais aller essayer ça et je reviens Smile

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


RE: Changer la police - norico - 15-05-2012

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.





RE: Changer la police - whinpo - 15-05-2012

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



RE: Changer la police - micklie - 16-05-2012

(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)


 Utilitaire de traduction fourni par Regentronique