Forum : Forcer l'utilisation d'une police Google

Bonjour à toutes et tous,

J'aurais voulu savoir si certains d'entre vous connaissent une méthode pour "forcer" l'utilisation d'une police Google.

Je viens de me rendre compte que c'est mes polices "machines" qui prennaient la priorité. Une des polices installées sur mon poste est "pourrie", elle détériore fortement l'apparence des sites qui l'utilisent. Je n'aimerais pas qu'il arrive la même chose au visiteurs.

Savez-vous comment je pourrais procéder ?? (HTML, CSS3, JS ??)

Les polices Google sont incorporées en utilisant le snippet "link"

EDIT :
Sur 3 navigateurs testés : Chrome, Firefox, Opera,
je n'ai le problème que sous Firefox.

Merci d'avance et bonne après-midi !

Mickaël

FelixForgeron

Bonjour Soundboy, Quelque chose comme ça je pense:

<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Mouse+Memoirs" />
        <style type="text/css">
           h1 {font-family: "Mouse Memoirs";}
        </style>
    </head>
    <body>
        <h1>Bonjour</h1>
    </body>
</html>

en remplaçant "Mouse Memoirs" par la police de ton choix.

betaWeb

@FelixForgeron Pourquoi ajouter une balise style dans le DOM ? C'est inutile et c'est une très mauvaise pratique.

@Soundboy39 Au début de ton fichier CSS :

@import url(https://fonts.googleapis.com/css?family=Mouse+Memoirs);

html, body{ font-family: 'Mouse Memoirs', sans-serif; }

Soundboy39

Auteur

@betaWeb : le lien de FelixForgeron est dans la Head donc je ne vois pas le problème... à moin que cela a été corrigé après ton post.

Bon en fait j'ai le problème uniquement sur Firefox quand je force la typo en Gras et Lettres capitales "font-weight: bold; text-tranform: uppercase;"

Voici une page où je retoruve mon problème : http://www.fipradio.fr/archives-antenne (voir le nom des artistes), chez moi il y a des diffrences de hauteur dans les lettres.

Voir pièce jointe :

Quelqu'un connait il une astuce pour corriger ce problème ??

betaWeb

@Soundboy39 Je parle de la balise STYLE et non de la balise LINK !!! Et puis c'est une mauvaise pratique, point barre. On ne met pas un style qui se balade tout seul comme ça dans le HEAD ce n'est pas justifié ici (sauf cas très particuliers).

Sankaman

Si tu as un problème seulement avec le bold, regarde si la police que tu importes est disponible en bold. Certaines polices Google ne sont pas disponibles pour toutes les tailles !

Soundboy39

Auteur

Je ne sais pas si FIP utilise Googlefont pour sont site... je n'ai pas trouvé d'élements dans le code source qui irait dans ce sens, ce qui voudrait dire que je peux avoir le problème avec un "font-face" classique.

Je m'intéroge... avant formatage/réinstallation de mon Os je n'avais pas le problème.
Du coup je me demande si çà ne viendrais pas de la nouvelle version de Firefox, j'aurais tendance à écarter la piste de la police "machine" installée sur mon poste car je n'ai pas le problème sur les autres navigateurs.

Forcer l'utilisation d'une police Google

6 réponses