problème pour mettre une police Google fonts

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu problème pour mettre une police Google fonts

Message par flo la bleue Lun 12 Aoû 2013 - 11:14

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


Dernière édition par flo la bleue le Dim 18 Aoû 2013 - 11:09, édité 1 fois
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par Omuey Lun 12 Aoû 2013 - 13:48

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 Wink (Comme dans le code javascript d'ailleurs. Il faut prendre celui du site avec le nom de la police choisie et non Grand Hotel)
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par flo la bleue Lun 12 Aoû 2013 - 18:34

Merci pour la réponse, mais ça ne fonctionne pas Sad
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
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par Omuey Mar 13 Aoû 2013 - 11:19

flo la bleue a écrit: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 ?
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par flo la bleue Mar 13 Aoû 2013 - 19:02

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
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par Omuey Mar 13 Aoû 2013 - 19:26

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
avatar

Omuey
***

Masculin
Messages : 133
Inscrit(e) le : 26/01/2011

http://chaudrulle.1fr1.net/
Omuey a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par Adam_sfp Mar 13 Aoû 2013 - 20:00

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

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par flo la bleue Mer 14 Aoû 2013 - 19:03

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;
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par Adam_sfp Mer 14 Aoû 2013 - 19:29

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

Adam_sfp
Membre actif

Masculin
Messages : 4465
Inscrit(e) le : 18/04/2008

http://antonyadam.kanak.fr
Adam_sfp a été remercié(e) par l'auteur de ce sujet.

Résolu Re: problème pour mettre une police Google fonts

Message par flo la bleue Sam 17 Aoû 2013 - 10:51

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

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

merci pour l'aide
avatar

flo la bleue
Nouveau membre

Messages : 15
Inscrit(e) le : 12/08/2013

http://lemondedeflo.forumactif.org/
flo la bleue a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum