Comment puis-je incorporer plusieurs polices Google dans mon Joomla! 3 site et JCE?


11

Comment puis-je incorporer plusieurs polices Google dans mon Joomla! site?

Je souhaite maximiser la compatibilité dans tous les navigateurs.

Plusieurs polices Google peuvent-elles être intégrées via le panneau d'administration?

Que dois-je inclure dans mon CSS?

J'utilise également JCE comme éditeur de contenu par défaut - comment puis-je faire apparaître les polices Google dans le menu déroulant et éliminer les autres polices? (c'est-à-dire pour éviter que les auteurs sélectionnent une police qui ne figure pas dans le guide de style).

Réponses:


9

Supposons que vous souhaitiez que "Roboto" et "Open Sans" soient disponibles pour vos auteurs dans la liste déroulante de la famille de polices JCE.

Premièrement:
recherchez vos polices dans les polices google et ajoutez à la feuille de style CSS de votre éditeur le @import que vous en obtenez.
Pour cet exemple, cela ressemble à ceci:

@import url(http://fonts.googleapis.com/css?family=Roboto|Open+Sans);

Deuxièmement:
pour supprimer / ajouter des polices dans JCE, vous devez accéder à l'onglet Typographie dans les paramètres de l'éditeur. Pour joomla 3.2, le chemin est:

Composant> Éditeur JCE> Profils de l'éditeur> choisissez le profil auquel vous souhaitez ajouter / supprimer des polices> Paramètres de l'éditeur> typographie.

Faites défiler jusqu'à "Polices" et vous pouvez commencer par décocher les polices que vous souhaitez supprimer.

Ensuite, vous pouvez ajouter de nouvelles polices à la liste en cliquant sur "ajouter une nouvelle police ..." entrez vos noms de police, enregistrez et c'est tout.


Compatibilité des navigateurs: l'
API Google est compatible avec les navigateurs suivants:

  • Google Chrome: version 4.249.4+
  • Mozilla Firefox: version: 3.5+
  • Apple Safari: version 3.1+
  • Opera: version 10.5+
  • Microsoft Internet Explorer: version 6+

La source

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.