ホームページ  >  記事  >  ウェブフロントエンド  >  WebページでGoogle Font API(フォント)を使う方法_CSS/HTML

WebページでGoogle Font API(フォント)を使う方法_CSS/HTML

WBOY
WBOYオリジナル
2016-05-16 12:03:552647ブラウズ

Webデザインではフォントの表示が問題になります。最も一般的に使用されているバージョンは Song フォントですが、Win 7 での Song フォントのパフォーマンスは非常に悪いです。弥平の方が威厳がありますが、フォントサイズによって漢字の大きさが違って感じられます。現在小規模サイトで使用しているフォントは Arial/Georgia ですが、慣れているのであまり気にしていませんが、英語フォントには他にも良い選択肢があります。
たとえば、Bitter フォントはタイトルに適しています。

コードをコピー コードは次のとおりです。

NowaMagic.net へようこそ


CSS Bitter フォントを呼び出すにはどうすればよいですか?
コードをコピー コードは次のとおりです。

@font-face {
font-family : 'Bitter';
font-style:normal;
font-weight: 400;
src: local('Bitter- Regular'), url(http://主題.googleusercontent. com/static /fonts/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) format('woff');
}
@font-face {
font-family: 'Bitter';
フォント-スタイル: 通常;
フォントの太さ: 700;
ソース: local('Bitter-Bold')、url(http://主題.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn- EPnyo3HZu7kw.woff ) format('woff');
}

実際、これらは Google によって開始された 2 つのサービス、Google Font Directory と Google Font API です。Google は多くのフォント デザイナーを統合しました。ユーザーに提供する美しいフォントを豊富に揃えています。詳しくは以前書いた記事「Google Font APIを使ってWebフォントを充実させる」を参照してください。
これはほんの紹介に過ぎませんが、中国では Google Font API を使用している Web サイトが本当に少なすぎます。
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。