更新WordPressまとめデザインフォントまだまだ敷居の高い日本語Webフォントですが、商用でも無料で使える「プロ品質のフォント」を配信しているサービスについてまとめてみました。※この記事は過去の記事に加筆修正したものです。Webフォントが注目されて久しいですが、英語などの1バイトフォントとは比較にならないファイルサイズの重さや、フリーで使えるフォントの少なさなどからまだまだ敷居の高い日本語Webフォント。商用利用となると、その性質からますます選択肢が狭くなってしまいます。月額費用を払って有償の日本語Webフォントサービスを使えばよいという話かもしれませんが、個人事業や小規模事業者さんではなかなかそのランニングコストを捻出するのが難しいのが現実だと思います。そこで、実務で使える品質がありながらも商用利用でも無料で使えるサービスを調べてみましたので、備忘も兼ねてまとめておきます。Webフォントのメリット・デメリットまずはごくごく簡単にWebフォントを使うメリットとデメリットをおさらいしておきます。メリットさまざまなデバイスで同じフォントで表示できる文字を画像化しないので、レスポンシブデザインに向いている文字修正が入っても画像編集ソフトを使わずに容易に変更できる“文字”として存在するのでSEO的にも有利デメリット欧文とは違い、文字数が多いので読み込みに時間がかかる(表示が遅くなりがち)ランニングコストがかかるここでは冒頭にもある通り、あくまでアクセス数の限られた小規模サイトを想定して、デメリットの2つ目、ランニングコストの問題をどうにかクリアする方法を模索します。以下、実務でも使えそうだと思えた商用利用も可能な無料サービスです。SansはAdobeとGoogleが共同開発したオープンソースのフォントファミリーです。後述しますが、Adobeからは「源ノ角ゴシック」としてリリースされています。1.1」となっており、ライセンスの問題をほとんど気にすることなく使用することが可能です。Light、Regular、Medium、Bold、Blackの8ウェイトが揃っており、また、ページビューによる課金などもないので、いろんな意味でこれほど使いやすいものは他にはないと思います。(画像は公式サイトより引用(部分))使い方もいたって簡単、googleapis.comのCSSを読み込み、必要な箇所でfont-familyを指定するだけです。sans-serif;無料でウェイトが豊富だからといって、たくさんのウェイトを使わないようにしましょう(重くなります)。Google公式の解説とフォントのダウンロードは以下から。JP)TypeSquare[タイプスクウェア]フォントベンダーのモリサワが提供しているWebフォントサービスです。基本的には費用がかかりますが、スタンダードの「無料」プランを利用すれば、1書体に限り1万PV/月まで利用することが可能です。1万PV/月を越えた場合は、同月内のフォントの配信が止まるということです。1万PV/月というのは少ないようにも思いますが、豊富なフォントの中から好きなものを自由に選べるメリットは大きいですし、個人や町の商店などのWebサイトであればPVの制限内でも足りるかもしれません。仮に1万PV/月を越えてしまっても大きな問題にはならないのではと思います。特別なスクリプトなどを必要とせずに、CSS(font-feature-settings)だけで簡単に文字詰めが適用できる点や、ページ内で使用されている文字だけを抽出して軽量化したフォント(サブセット)が配信される点も魅力的です。PASSPORTプラン」が利用できるということです。Typekit[タイプキット]名前の通り、Adobeの提供しているWebフォントサービスです。25,000万PV/月、2個のファミリーを利用することが可能です。明朝」、「平成角ゴシック」、「平成丸ゴシック」、「平成明朝」の6書体に限られます。“ファミリー”での利用ができますので、フォントが気に入ればTypekitの方がより自由な表現ができそうです。Typekit:プランエックスサーバーのモリサワWebフォント少し番外編という感じではありますが、レンタルサーバのサービスとして使えるWebフォントです。1ドメインに限られますが、最も安いサーバープラン(X10プラン)でも無料でモリサワフォントが利用でき、明朝体やゴシック、丸ゴシック、筆書、UD書体など7つのカテゴリー、全30書体が用意されています。25,000PV/月まで無料となっています。エックスサーバー」というプラグインを追加し、有効化します。(画像はエックスサーバ書体見本一覧より引用)エックスサーバーさくらインターネットのモリサワWebフォントさくらのレンタルサーバでも、スタンダードプラン以上または「さくらのマネージドサーバ」で、追加料金なしにモリサワのWebフォントが利用できます。WordPressに専用のプラグインをインストールするだけの簡単操作で、「TypeSquare」から提供されるリュウミンやフォーク、UD新ゴなど30書体が利用でるようです。PV制限は25,000PV/月とエックスサーバと同様です。WordPress使用限定でしたが、現在はWordPress仕様の有無にかかわらず無料で利用できるようになっています。(画像はプレスリリースより引用)モリサワ日本語Webフォントがサーバ代込みで515円〜。コストをかけずに、気軽に豊富なフォントを使える点はかなり魅力的ですね!これからサーバーの契約をされる方や、サーバーの移転を計画されている場合は検討されてみてはいかがでしょうか。designが運営しています。JavaScriptに関するメモ、デザインの過程で思ったことなどを書き留めています。