デザイン制作において、フォントは印象を大きく左右する重要な要素ですよね。
今回は、個人・商用問わず無料で利用できる高品質なフォントサービス「Fontshare」をご紹介します！
目次
Fontshareとは？
以下、公式サイトの説明を引用しています。
Fontshareは、Indian Type Foundry（ITF）が提供する無料フォントサービスです。
個人利用・商用利用ともに100%無料で利用できるプロ仕様のフォントを継続的に拡充しています。
私たちの使命は、高品質で技術的に優れたフォントを誰もが利用できるようにすることです。
Fontshareでは、100種類以上の高品質なフォントをすべて無料で利用することができます。
さらに、Webフォント機能にも対応しているため、Google Fontsのように簡単にWebサイトへ実装可能です。
さらに、Webフォント機能にも対応しているため、Google Fontsのように簡単にWebサイトへ実装可能です。
使い方
Fontshareの使い方は、とてもシンプルで、基本的な流れはGoogle Fontsとほとんど同じです。
デザインソフトで使用する場合
PhotoshopやIllustratorなどのデザインソフトで使用する場合は、
使用したいフォントを選択し「Download Family」をクリックするだけです。
ZIP形式でローカルにフォントデータがダウンロードされるので、PCにインストールすればすぐに使用できます。
Webサイトへの実装方法
Webサイトへ実装したい場合は、CDN経由で読み込む方法がもっとも簡単でおすすめです。
以下、実装までの流れをまとめています。
1，使用したいフォントスタイルを追加
フォント一覧で、使いたいウェイト・スタイルを選択し追加します。右上の「◯ styles selected」をクリック。
2．「Use」タブを開き、ライセンスを確認
ライセンスを確認したら「Proceed」をクリック。
3．HTMLとCSSに表示されたコードを貼り付ける
-
<head>内に読み込みコードを記述 -
CSS にフォント指定コードを追加
コード例（「Satoshi」フォントの場合）
<link href="https://api.fontshare.com/v2/css?f[]=satoshi@300,301,400,401,500,501,700,701,900,901&display=swap" rel="stylesheet">font-family: 'Satoshi', sans-serif;
Fontshareは、高品質なフォントを手軽に利用できる、とても魅力的なサービスです。
デザイン制作の幅を広げてくれるので、ぜひ一度チェックしてみてください！
おしゃれなフォントがいっぱい！
