Installer la police google font Roboto Slab
4 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Installer la police google font Roboto Slab
Détails techniques
Version du forum : ModernBBPoste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://tavernanna2.forumactif.com/
Description du problème
Bonsoir,Récemment j'ai voulu installer la police Roboto Slab sur mon forum mais j'ai l'impression que mon code java ne fonctionne pas.
- Code:
WebFontConfig = {
google: { families: [ 'Roboto+Slab::serif' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
Aurais-je fait une erreur ? Pourtant j'ai bien suivi les consignes dans ce topic : https://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts
Merci de vos réponses
Bonne soirée
Dernière édition par Kam27 le Dim 21 Oct 2018 - 14:43, édité 1 fois
Re: Installer la police google font Roboto Slab
Hi,
Pour en bénéficier il faut la rajouter à l'éditeur, tu l'a fait ?
Pour en bénéficier il faut la rajouter à l'éditeur, tu l'a fait ?
Re: Installer la police google font Roboto Slab
Je ne compte pas l'installer dans l'éditeur, je veux juste utiliser cette police pour la page css du forum.
Re: Installer la police google font Roboto Slab
Dans ta page HTML tu mets ce code:
Et dans ta CSS celui-ci :
- Code:
WebFontConfig = {
google: { families: [ 'Roboto+Slab::serif' ] }
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
Et dans ta CSS celui-ci :
- Code:
.element {font-family:"Roboto Slab";}
Re: Installer la police google font Roboto Slab
Cela ne fonctionne toujours pas, il me met la police Times à la place.
Je pense qu'il y a un problème : google: { families: [ 'Roboto+Slab::serif' ] }
Vu que je suis parvenu à installer la Crinsom text en modifiant cet endroit par 'Crinson Text, serif;', mais je n'y arrive toujours pas avec la Roboto Slab.
Je pense qu'il y a un problème : google: { families: [ 'Roboto+Slab::serif' ] }
Vu que je suis parvenu à installer la Crinsom text en modifiant cet endroit par 'Crinson Text, serif;', mais je n'y arrive toujours pas avec la Roboto Slab.
Re: Installer la police google font Roboto Slab
Sur la page Google Fonts je n'arrive pas à trouver cette référence de police : Roboto+Slab::serif
J'ai tenté en ajoutant ce code après la balise d'ouverture head du template overll_header
Dans la CSS j'ai ajouté cette ligne
Et j'ai appliqué cette police au titre du forum
J'ai tenté en ajoutant ce code après la balise d'ouverture head du template overll_header
- Code:
<link href="https://fonts.googleapis.com/css?family=Roboto:700i" rel="stylesheet">
Dans la CSS j'ai ajouté cette ligne
- Code:
.element {font-family:"Roboto";}
Et j'ai appliqué cette police au titre du forum
- Code:
#site-title h1 {
font-family:"Roboto";
}
Re: Installer la police google font Roboto Slab
Kam27 a écrit:
Je pense qu'il y a un problème : google: { families: [ 'Roboto+Slab::serif' ] }
Bonjour
Effectivement un soucis dans cette partie
- Code:
[ 'Roboto+Slab::serif' ]
Essayez en mettant
- Code:
[ 'Roboto+Slab' ]
puis la règle suivante via le CSS en fonction de l'élément concerné
- Code:
font-family: 'Roboto Slab', serif;
Cdt.
Re: Installer la police google font Roboto Slab
*Splash* a écrit:Sur la page Google Fonts je n'arrive pas à trouver cette référence de police : Roboto+Slab::serif
J'ai tenté en ajoutant ce code après la balise d'ouverture head du template overll_header
- Code:
<link href="https://fonts.googleapis.com/css?family=Roboto:700i" rel="stylesheet">
Dans la CSS j'ai ajouté cette ligne
- Code:
.element {font-family:"Roboto";}
Et j'ai appliqué cette police au titre du forum
- Code:
#site-title h1 {
font-family:"Roboto";
}
Je crois que tu confonds la Roboto avec la Roboto Slab qui est une police avec empattement.
Leur nom sont trompeurs mais elles sont très différentes : https://fonts.google.com/specimen/Roboto+Slab
Adam_sfp a écrit:
Bonjour
Effectivement un soucis dans cette partie
- Code:
[ 'Roboto+Slab::serif' ]
Essayez en mettant
- Code:
[ 'Roboto+Slab' ]
puis la règle suivante via le CSS en fonction de l'élément concerné
- Code:
font-family: 'Roboto Slab', serif;
Cdt.
J'ai essayé mais le forum me la remplace encore par la Times New Roman. :/
Dernière édition par Kam27 le Sam 20 Oct 2018 - 12:05, édité 1 fois
Re: Installer la police google font Roboto Slab
Hi,
Au lieu d'utiliser une page HTML, colle cette ligne dans le template, après la balise d'ouverture head :
Et à ta CSS tu ajoutes ceci :
Testé sur un forum en version ModernBB
Au lieu d'utiliser une page HTML, colle cette ligne dans le template, après la balise d'ouverture head :
- Code:
<link href="https://fonts.googleapis.com/css?family=Roboto+Slab" rel="stylesheet">
Et à ta CSS tu ajoutes ceci :
- Code:
.element {font-family:"Roboto Slab, serif";}
Testé sur un forum en version ModernBB
Re: Installer la police google font Roboto Slab
Kam27 a écrit:
J'ai essayé mais le forum me la remplace encore par la Times New Roman. :/
Bonjour
Vous avez mal copié le code (il manque un bout sur la fin) et du coup il ne fonctionne pas...
http://tavernanna2.forumactif.com/99933.js
vous avez mis
- Code:
WebFontConfig={google:{families:['Roboto+Slab']}};(function(){var wf=document.createElement('script');wf.src=('https:'==document.location.protocol?'https':'http')+'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';wf.type='text/javascript';wf.async='true';var s=document.getElementsByTagName('script')[0];s.parentNode.insertBefore(wf,s);
- Code:
})();
Cdt.
Re: Installer la police google font Roboto Slab
Bonjour,
Je poste juste pour signaler qu'il serait plutôt préférable d'installer cette police via le lien CSS plutôt qu'avec du JavaScript, surtout que Google font fait ça bien. Suivez les indications de *Splash* ici et la police sera installée sur votre forum.
(ps : n'oubliez pas de valider la template après modification)
Je poste juste pour signaler qu'il serait plutôt préférable d'installer cette police via le lien CSS plutôt qu'avec du JavaScript, surtout que Google font fait ça bien. Suivez les indications de *Splash* ici et la police sera installée sur votre forum.
(ps : n'oubliez pas de valider la template après modification)
♢ Pour faciliter les recherches, mettez un titre explicite.
♢ Remerciez le message qui vous a aidé pour que celui-ci soit mis en évidence.
♢ Épinglez votre sujet en résolu pour prévenir la modération.
Re: Installer la police google font Roboto Slab
Vous avez raison, je vais attendre le retour du fondateur (je n'ai pas accès aux templates) vu que le code java ne marche qu'une fois sur deux.
Mais merci Adam_sfp pour le code corrigé.
Mais merci Adam_sfp pour le code corrigé.
Sujets similaires
» Soucis avec un tutoriel (comment installer et utiliser font awesome sur son forum)
» font awesome et police
» Mettre une police qui ne vient pas de google font
» Utiliser une police DAFONT au lieu de Google Font
» Installer le Bouton+1 de Google
» font awesome et police
» Mettre une police qui ne vient pas de google font
» Utiliser une police DAFONT au lieu de Google Font
» Installer le Bouton+1 de Google
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum