Web関連

WEBフォント活用!手軽に使える日本語フォント

0

皆さんは、WEB制作をするときにWEBフォントを使っていますでしょうか。
日本語はなかなか対応していないものが多く、取り入れられていないことが多いですね。

私も、制作をするときにはどうしても画像にして対応してしまうことが多いです。

そこで、本当に日本語に対応したWEBフォントは無いのか!と思い探した所
いくつか良いサイトを発見しましたので、皆さんにも共有したいと思います。

ぜひ、日本語だから・・・と言ってWEBフォントを使わないなんてもったいないので活用してみてください。

日本語のWEBフォントを使おう!

なぜ、今まで日本語のWEBフォントが使われていなかったというと、
読み込みに時間がかかり表示が遅くなることが多くありました。
また、フォントの数が英語とは違いとても少なかったためになります。

最近は、日本語フォントの提供する企業が増え、また表示速度も改善されてきたので、
ここは使わないともったいないと思います!

今後はサービスが充実されると思うので積極的に使っていきましょう。

日本語のフォントを提供しているサイトを5つ厳選しましたのでぜひ使ってみてください。
念のため、WEBフォントはお金がかかりますのでそこも含めて使ってみてくださいね!

FONTPLUS

deguchi_201511271.png

FONTPLUSは、700種類の高品質フォントを提供しており有名なイワタフォントやモリサワフォントも提供しています。
日本語フォントは表示が遅くなりがちでしたが、FONTPLUSは表示されるものを
限定することにより、表示速度の改善を行っているそうです。
また、文字詰めなどの機能もあり、サービスとしても嬉しいですね。
無料トライアルがありますので、まずはお試しで使って見れるのもとてもうれしいです!

TypeSquare

deguchi_201511272.png

モリサワが展開するWEBフォントサービスの一つになります。
日本語はもちろん、欧文フォントも使えるモリサワならではのサイトです。
導入事例もあり、数々の有名な企業にも導入されていることがわかるのもの安心ですね。
また、TOPページにURLを入力する場所があり、
WEBフォントを入れるとどのような表現で見えるのか、お試しで見れるのも面白いですね。

amanaimages

deguchi_201511273.png

画像素材を提供しているamanaimagesでもWEBフォントを提供しています。
タイプバンクやタイプラボなど有名なフォントメーカーが参加しています。
英語はもちろん日本語フォントも提供しており、他にも中国語も提供しているので
海外サイトなどを作成するときにはぜひ使ってみたいですね。
トライアルで使えるフォントもあり、なんと無期限で利用できるものもあるそうです!
ぜひ使ってみてください!

Typekit

deguchi_201511274.png

Adobeが提供しているWEBフォントサービスです。
日本語フォントはもちろん欧文フォントも使えます。
ビジネスプランに入れば、クライアントのWEBサイトでも利用することが可能になるそうです。

fonts.com

deguchi_201511275.png

こちらは、海外のフォントサービスを行っており、2万以上のフォントが用意されています。
特に、欧文フォントに強くイワタフォントやAXISのフォントもあるので
ぜひ使ってみてください!
一部無料プランもあるそうなので、気になる方は見てみてください。

終わり

いかがでしたでしょうか。

なかなかWEBフォントも多くなってきています。
また、WEBフォントが増えたのもスマートフォンやタブレットが増えたことも
関係しておりますので、今後の対策にも間違いなく使われていきます。

最近のWEBフォントがきになるデザイナー出口でした。

ホームページ制作でお困りの方はホームページ制作会社ティファナにご相談ください!

お問い合わせはこちらから

関連するサービス

Webデザイン制作

0

web制作会社が紹介するW3Cチェック(validator)の使い方前のページ

Webならではの地方紹介次のページ

ピックアップ記事

  1. 新型コロナウイルスで日本の働き方改革が起こる
  2. 新しい販売形態であるDtoCについて考えてみる
  3. AIに求められているものは、実は意外な物だった
  4. 大手企業も注目するMaaS(Mobility as a Service)とは何か…

関連記事

  1. Web関連

    Web制作にも使えるかもしれない面白い心理学を集めてみました。No,4

    心理学をずっと紹介してきましたが、読んでいて分かるように人間性を見極め…

  2. Web関連

    WordPressの管理画面を使いやすくカスタマイズ!

    どもっ!岸沢です。またまた、WordPressのプラグインを紹介し…

  3. Web関連

    キャッシュレスの時代に備えて、キャッシュレス決済について知ろう!

     お買い物をするときの会計は、現金派ですか?それともキャッシュ…

  4. Web関連

    紙媒体のものから電子○○へ

    皆さんは電子書籍を利用していますか?私は使用しています。某携帯電話会社…

  5. Web関連

    新型コロナウイルスってなんなんだろう?取るべき対策は?

    日本に限らず世界中でその猛威を振るっている新型コロナウイルス。その…

  6. Web関連

    子供でも見たり触ったりする時代!教育系WEBサービス

    みなさん子供の頃パソコンで何をしていましたか?私が子供の頃はゲームをし…

自治体向けDX推進サービス

AIさくらさん for 自治体DX

おすすめ記事

最近の記事

  1. 人間拡張×AIで非接触なデジタル化を推進する
  2. ヘルスケアはAI先生にみてもらう時代
  3. withコロナは非接触技術で生活しよう!
  4. デジタル接客+AIで非接触を推進する
  5. 遠隔診療や遠隔医療普及のポイントはAIと5G

アーカイブ

  1. Web関連

    便利で毎日使ってしまう!?キュレーションサービス
  2. AIさくらさん

    AIさくらさんを導入することによるメリット
  3. Web関連

    仕事に役立つ?!武士道的精神三ヶ条
  4. AI関連

    人工知能×Webがもたらす未来を予測してみた
  5. Web関連

    日用消耗品業界について書きます
PAGE TOP