problème pour mettre une police Google fonts

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 le 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 :
http://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

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

Omuey
***

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

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 le 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

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 le 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 ?

Omuey
***

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

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 le 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

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 le 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

Omuey
***

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

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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;

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 le 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
+ Hyperactif +

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

http://antonyadam.1fr1.net/portal.htm
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 le 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

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


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