problème pour mettre une police Google fonts

[flo la bleue]

Bonjour,

je voudrais utiliser sur mon forum en tant que police par défaut une police de Google fonts, si c'est possible

j'ai suivi le tuto :
https://forum.forumactif.com/t343855-utiliser-des-polices-personnalisees-avec-google-web-fonts

je suis allée jusqu'à la création du javascript, et c'est après que j'ai un souci
comment j'intègre ça dans le CSS car le code du tutoriel ne fonctionne pas

merci d'avance pour votre réponse

[Omuey]

Bonjour,
Essaie de remplacer le .element du tutoriel par body comme ceci :

Code:

body {font-family:"Grand Hotel";}

Bien sur, il faut remplacer "Grand Hotel" par le nom de la police que tu as installée (Comme dans le code javascript d'ailleurs. Il faut prendre celui du site avec le nom de la police choisie et non Grand Hotel)

[flo la bleue]

Merci pour la réponse, mais ça ne fonctionne pas
la police est toujours identique à avant de mettre le code CSS
même en le mettant au tout début

enfin, je devrais plutôt dire que certaines polices ne fonctionnent pas

[Omuey]

enfin, je devrais plutôt dire que certaines polices ne fonctionnent pas

C'est-à-dire ?

Et pourrais-tu poster le nom de la police que tu veux, le CSS et le Javascript qui est installé sur ton forum stp ?

[flo la bleue]

Alors, j'ai trouvé une police qui fonctionne et l'ai mise dans mon CSS dont copie ci-dessous :

Code:

body {font-family:'Combo', cursive;font-size: 14px;}
#quick_reply #av_quickreply{
  display: table-cell;
  width: 200px;
}
 
#quick_reply #textarea_content{
  width: 800px !important;
  display: table;
}
 
#quick_reply #text_editor_controls{
  position: relative;
  left: 100px;
}
.selectCode { float:right; text-transform: uppercase; cursor:pointer; }


Par contre, quand je veux mettre la police Fauna one pour voir ('Fauna One', serif;) la police reste identique sur le forum ; de même avec Marcelus SC ('Marcellus SC', serif;)

Merci

[Omuey]

Je viens de tester chez moi via le javascript et ça ne fonctionne pas non plus ._.
Je ne comprends pas pourquoi :-/ Je laisse quelqu'un d'autre répondre :s

[Adam_sfp]

Bonsoir

Vous avez bien respecter la syntaxe du nom de la font dans le script?

Code:

Fauna+One::latin

et

Code:

Marcellus+SC::latin

Cdt.

[flo la bleue]

Bonsoir,
j'ai suivi ce qui est dit sur le site Google fonts pour intégrer une police dans le CSS :

je cite :

L'API Google Fonts va générer le nécessaire CSS spécifique au navigateur pour utiliser les polices. Tout ce que vous devez faire est d'ajouter le nom de la police à vos styles CSS. Par exemple:

Code:

font-family: 'Marcellus SC', serif;

[Adam_sfp]

Bonsoir

Je ne parle pas du nom dans le CSS mais dans le script.

Dans le CSS c'est bien

Code:

font-family: 'Marcellus SC', serif;

Mais pour le Script

Code:

   google: { families: [ 'Marcellus+SC::latin' ] }

Code:

WebFontConfig = {
    google: { families: [ 'Marcellus+SC::latin' ] }
  };
  (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);
  })();

Cdt.

[flo la bleue]

Oups, tellement axée sur le CSS, j'en avais oublié le javascript   

je viens d'essayer avec la nouvelle syntaxe et ça à l'air de mieux fonctionner

merci pour l'aide