英語・アルファベットはもちろん、日本語にも使えるGoogle Web Fontsのウェブフォントの紹介と使い方について紹介します。
個人的に良いなって思ったのがこの2つ。
まぁ、数も少ないので…
個性的でいいと思います。
<link href="https://fonts.googleapis.com/earlyaccess/nikukyu.css" rel="stylesheet" />
<!-- "Nikukyu" -->
<link href="https://fonts.googleapis.com/earlyaccess/nicomoji.css" rel="stylesheet" />
<!-- "Nico Moji" -->
- Google Fonts + 日本語 早期アクセス • Google Fonts + Japanese Early Access
- japanese web fonts – Google Search
- Early Access – Google Fonts
使うときは、要素のスタイルにfont-family: "Nico Moji";
のように追加します。
ちょっと注意なのが、Nico Moji
じゃなくて、"Nico Moji"
っていうふうにダブルクォーテーションで囲まないといけないことです。
囲まなくていいフォント名もあるので、ちょっと慣れてないとややこしいですね。
日本語フォントは、日本語だけに対して適用されるものもあるので、そういうものはアルファベットも一緒に何らかのフォントを適用してあげたほうが良いですね。そういう複数適用したい場合は、
font-family: fantasy,"Nikukyu";
のように、,
で並べてあげます。