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

関連記事

  1. Web関連

    今からでも遅くない!BtoB?BtoC?EC?ってなに?

    今回は「ECサイトってよく耳にするけど、正直何のことかよく分からない!…

  2. Web関連

    e-Sportsのこれから

    eスポーツとは「エレクトロニック・スポーツ(electronic sp…

  3. Web関連

    気になるAmazonの新サービス「お坊さん通販」

    みなさんはインターネットを使って買い物をされるでしょうか。私の最近の買…

  4. Web関連

    web上でのコミュニケーション!

    こんにちは!デザインセクションの勇希です!いきなりですがみなさんは学…

  5. Web関連

    ネイティブ広告は、有効活用できる?勝手気儘なつぶやき

    ここ数年で普及してきたネイティブ広告が有効活用できるのか、考えてみまし…

おすすめ記事

最近の記事

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

アーカイブ

  1. Web関連

    拡張現実=ARの今を追ってみた!!
  2. AIさくらさん

    RPAから始める業務効の自動化 働き方改革への選択肢の一つにも
  3. Web関連

    ARを活用したビジネス
  4. AI関連

    「人工知能」や「AI」に夢を見ているあなたへ。
  5. Web関連

    地方が本気出してきた!やはり動画のインパクトは強い・・・!
PAGE TOP