Webフォントとして使っていいフリーフォントの見分け方があやふやだったのと、Webフォントを使うたびに「あれどうやるんだっけ」と都度調べていたので、あとで見返せるようにまとめます。 フォントの用意 まずはWebフォントとして利用出来るフォントを用意します。 利用する前に、まずはライセンスが以下の条件を満たしているか確認する必要があります。 ブラウザに合わせたファイル形式に変換しても良いか。 Webフォントとしてサーバにアップロードし、使用・再配布しても良いか。 (商用利用の場合)商用利用可か。 サブセット化しても良いか。 ライセンスを満たしたWebフォント 使用できるWebフォントについては、以下の記事が参考になります。 日本語ウェブフォントまとめ+GoogleWebFont | デザインのブログ〜フォントや素材制作 Web フォントとライセンス|ヨモツネット AdobeがGoogleと共