Approche simple

Dans YJSG, nous avons utilisé une approche très simple pour la mise en œuvre des Google fonts 
Cette option vous permettra d'utiliser toutes les 600 et + familles de polices disponibles dans la bibliothèque de polices Google.

exemple:

googlefont1

Utilisation

Accédez à votre gestionnaire de template, onglet nommé Style et activez les paramètres suivants:

  • Paramétrez "Utiliser substitution de polices des balises élément" sur Yes

  • "Type de substitution de la balise élément" choisir Google font

  • Google Font-Family par défaut ou utilisez le comme dans l'exemple Mouse+Memoirs|cursive|normal

  • Dans la zone de texte "sélecteurs concernés" ajoutez les sélecteurs qui doivent utiliser la Famille de fonte de Google définie ci-dessus

googlefont2

 

Paramètres de police Google expliqués

Le paramètre de police Google comporte trois attributs que vous pouvez utiliser et chacun d'entre eux doit être séparé par |:

exemple:

  1. Mouse+Memoirs|cursive|normal

Le premier attribut est le nom de police réel pris directement à partir du lien de la feuille de style de police de Google, family= ( inclus + ):

exemple:

  1. http://fonts.googleapis.com/css?family=Mouse+Memoirs

Le second attribut est en général une famille de police comme:

  • sans

  • sans-serif

  • cursive

  • fantasy

  • monospace

Le second attribut peut être combiné:

exemple:

  1. Mouse+Memoirs|'Helvetica',arial|normal

  2. Mouse+Memoirs|Helvetica,arial|normal

Le troisième attribut est font-weight (graisse de police) que vous pouvez définir comme:

  • bold

  • normal

  • 500

  • 700

exemple:

  1. Mouse+Memoirs|cursive|normal

  2. Mouse+Memoirs|cursive|bold

  3. Mouse+Memoirs|cursive|700

Polices multiples

Pour une feuille de style avec plusieurs polices, utilisez un double signe égal entre les noms de police. Notez que la police supplémentaire sera incluse dans la feuille de style Google, mais que vous devrez ajouter les sélecteurs affectés par la police supplémentaire dans l'un des fichiers CSS de template.

exemple:

  1. Rock+Salt==Open+Sans:400,500

Ajout dans custom.css :

 

h2.my_class{

font-family:OpenSans,sans-serif;

font-weight:300;

}

 

 

Sauvegarder
Choix utilisateur pour les Cookies
Nous utilisons des cookies afin de vous proposer les meilleurs services possibles. Si vous déclinez l'utilisation de ces cookies, le site web pourrait ne pas fonctionner correctement.
Tout accepter
Tout décliner
Fonctionnels