287 votes

Comment importer des polices Web Google dans le fichier CSS ?

Je travaille avec un CMS que j’ai seulement accès au fichier CSS. Donc, je ne peux pas inclure quoi que ce soit chose dans la tête du document. Je me demandais s’il existait un moyen d’importer les polices web de dans le fichier CSS ?

441voto

ModernDesigner Points 1628

Utiliser la méthode d'importation:

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

De toute évidence, "Open Sans" est la police qui est importé. Mais vous pouvez le remplacer par le vôtre. Si c'est un seul mot police, il suffit d'inclure le nom de la police après l' family=... si elle est de deux mots, comme je l'ai fait et ajouter un + signe entre chaque mot.

REMARQUE: L' @import ligne de code doit être la très première ligne dans votre fichier CSS. (Merci à @Ronny pour souligné).

Dans le Google Webfont Bibliothèque, lorsque vous décidez sur les polices que vous souhaitez utiliser, il vous donne une boîte avec trois onglets. Chaque onglet est une méthode d'injection, HTML, CSS ou JavaScript. L' @import onglet devrait vous donner le code que vous avez besoin pour les fichiers css. Voir image:

11voto

Jmz7v Points 21

Utilisez la balise @import

4voto

Eric Keyte Points 114

Vous pouvez également utiliser @font-face pour lier à l’URL. http://www.CSS3.info/Preview/Web-Fonts-with-font-face/

Le CMS prend en charge les iframes ? Vous pourriez être en mesure de jeter un iframe dans le haut de votre contenu, trop. Cela serait probablement plus lent - mieux pour l’integrer dans votre CSS.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X