Maison > interface Web > tutoriel CSS > le corps du texte

Comment utiliser l'API Google Font (police) sur les pages Web_CSS/HTML

WBOY
Libérer: 2016-05-16 12:03:55
original
2647 Les gens l'ont consulté

Dans la conception Web, l’affichage des polices est un problème. La version la plus couramment utilisée est la police Song, mais les performances de la police Song sous Win 7 sont vraiment laides. Yahei est plus digne, mais selon la taille de la police, la taille des caractères chinois sera différente. La police actuellement utilisée par le petit site est Song Dynasty + Arial/Georgia. Je n'y prête pas beaucoup d'attention car j'y suis habitué. En fait, il existe d'autres meilleurs choix pour les polices anglaises.
Par exemple, la police Bitter convient aux titres :

Copiez le code Le code est le suivant :

Bienvenue sur NowaMagic.net


Comment appeler la police CSS Bitter ?
Copier le code Le code est le suivant :

@font-face {
police -family : 'Bitter';
font-style : normal;
font-weight : 400;
src : local('Bitter-Regular'), url(http://themes.googleusercontent.com /static/fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
font-family : 'Bitter';
font- style : normal ;
poids de la police : 700 ;
src : local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw .woff) format('woff');
}

En fait, il s'agit de deux services lancés par Google, Google Font Directory et Google Font API. Google a réuni de nombreux concepteurs de polices pour les fournir. utilisateurs avec une variété de belles polices. Pour plus de détails, veuillez vous référer à un article que j'ai écrit auparavant : "Utilisation de l'API Google Font pour enrichir les polices Web".
Ceci n'est qu'une introduction. Il y a vraiment trop peu de sites Web en Chine qui utilisent l'API Google Font.
Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal