23.2019Googleフォントを使ってみよう!日本語フォントとおすすめ英文フォント17選こんにちは。デザイナーのしろくまです。2018年10月Googleフォントに日本語が正式に採用されましたので、そのGoogleフォントを中心にWebフォントについてご紹介します。Webフォントでデザインに広がりを!Webフォントとは?WebフォントはCSS3から導入された機能の一つです。サーバー上に置かれたフォントや、インターネット上で提供されているフォントを呼び出し、表示する仕組みです。従来、Webブラウザに表示されるフォントは端末にインストールされているフォントから文字を表示していたため、ユーザーの環境により使用されるフォンが左右される状況にありました。そのため、ユーザーで表示されているフォントが制作者の意図しないものになっていることがありました。Webフォントはサーバー上にあるフォントデータを読み込むことで、端末に左右されない特徴があるため、前述の問題を解決できます。Webフォントを使用するメリット・フォントが端末に左右されない。・画像ではなく文字で表示することで、SEOが向上、メンテナンスの利便性もUPする。Webフォントを使用するデメリット・日本語対応フォントが少ない。・PVにより課金などプランも複雑。・多くのフォントを使用しすぎると表示速度が遅くなる。Webフォントの料金体系は無料のもの、有料のもの、最初は無料だがある一定の水準をこえたら有料になるものなど様々です。英字フォントに比べ日本語フォントはまだ少ないのが現状です。新しいフォント、サービスが増えていっており、これからますます需要が高まると思われます。JP」を使用しています。フォントを作業環境に導入する方法デザイナーの方はデザイン時にフォントを自分の作業環境にインストールしておきたいですよね。そこでダウンロードの方法をご紹介します。Googleフォントをダウンロードする方法フォント右上の「赤丸に+」をクリックします。複数のフォントを選ぶことも可能です。画面下に表示された黒いバーをクリックします。CUSTOMIZEをクリックします。デフォルトでは主にregularだけが選択された状態ですので、その他のウエイトや斜体なども使用したい場合はチェックを入れます右上のダウンロードマークをクリックしフォントをダウンロードします。Webフォント提供サービスGoogleFontGoogleFontはGoogle社から提供されているフォントです。無料で商用利用も可能です。(2style)◯かわいい■Nunito丸みがかわいいフォント。SC近年はやりの手書き感。ユメカワな雰囲気にあう細い手書き文字(1style)■Italianno高級感あるデザインに合いそうな文字(1style)■Niconne丸みがほどよく、タイトルに(1style)その他のWebフォント提供サービスWebフォントはGoogle社以外からも提供されています。代表的な2社をご紹介いたします。Typesquareモリサワ社が提供するWebフォントサービス。有料と無料のプランがあります。和文のフォントが豊富に揃っています。タイ語」などがあります。FONTPLUS有料プランのみ。和文フォントが豊富に揃っていてフォントワークス社、モリサワ社、大日本印刷社などのフォントがあります。フォントランキングを見るだけでも今の「流行り」を知ることができます。※各サービスとも、規約やライセンスは必ず確認の上ご利用ください。Webフォントでデザインに広がりを!いかがでしたでしょうか?使い勝手のいいお気に入りのフォントを見つけるとデザインも捗りますよね。Webフォントを使ったことのない方はぜひ利用してみてください。