ウソのようなフォントの話 – webフォントのすすめ | 乙街道
乙技を求めて クリエイティブな情報

【ウソのようなフォントの話 – webフォントのすすめ】

ウソのようなフォントの話

「ヒラギノ角ゴ」・・・この単語を初めて見たとき、何か力強くも悲壮な決意を感じました。
そしてそれがフォントの名称であり、「ゴ」は「ゴシック」と知ったとき、少し切なくなりました。
「~の覚悟」をわざと当て字で書いたものだと思い、格好いい!と勘違いしてました。
ウソのようなフォントの話です。高橋倫佑です。

今回はWebサイトのデザイン性を高められる便利な機能である一方、いくつかのデメリットもあるwebフォントについて書いていきたいと思います。

  1. webフォントってなに?
  2. webフォントを使うメリットは?
  3. webフォントを使うデメリットは?
  4. さいごに

webフォントってなに?

Webフォントとは、サーバ上にあるフォント情報を取得して使用するWebページ用のフォントのことです。
どのような取得の仕方をするかというと、従来のcssを読み込む感じです。
CSS3から新しく実装されました。webフォントを使用することは容易で、様々なメリットがあります。
あらゆる環境に依存せずに、より思いのままのデザインで多くの人にwebサイトを利用していただけます。
WebフォントはWebデザインの可能性を大きく広げてくれるでしょう!!

webフォントを使うメリットは?

1.端末に依存しないで表現が出来る

webサイトを作っていて、cssなどで基本フォントを指定しますね。そのフォントが訪問者の端末にインストールされていない場合、訪問者端末内でデフォルトで表示するフォントに置き換えられます。するとサイト制作者側が意図しなかったデザインに大きくかわってしまったりすることがあります。
こういった場合に非常に有効なのがWebフォントです。
サーバからフォント情報を取得し、訪問者の端末で用意されたフォントに左右されず、指定フォントで安定したテキストを表示させること出来、意図していたデザインをより良い状態で閲覧者に表現できます。

2.画像をテキストで表現が出来る

「格好良いwebサイトさがそー」ってネット巡回してた時に発見しましたよ。
画像がとんでもなく長い暗号化されたような文章で表現されてて最初は何が何だかわかりませんでした。

画像をテキストで表現することにより読み込むデータが減り、必然とページのデータ転送量が小さくなりますね!
また、大手検索エンジンのGoogleは、クローラーで各サイトを巡回します。基本的にテキストを読み込んでいきますね。画像よりテキストで直接情報を書き込んだwebフォント画像(言いえて妙な表現)がクローラーに優しいのでSEO対策としても非常に有利と言われています。内部SEO対策としては選択肢の一つですね。

webフォントを使うデメリットは?

さてさて、こんな便利なwebフォントにもデメリットがあります。

1.フォントデータを転送して読み込む時間

フォント情報だってデータです。データを転送して読み込むのに時間がかかります。
気になる人は気になるかもしれませんね。

2.フォントの著作権の問題

webフォントにも著作権があります。無料のものから、使用するにあたり有料なものもあります。
また、二次配布や自身のサーバーにアップして良いもの、悪いものがあります。
利用規約等を事前によく確認し、トラブルにならないように留意したほうが良いでしょう。

さいごに

 
いくつかお気に入りのWebフォントサイトがありますので紹介します。
是非一度使ってみてください。和文フォント!!

Google Web Fonts(欧文フォント)
Google Web Fonts(欧文フォント)
http://www.google.com/webfonts

TypeSquare(和文フォント)
TypeSquare(和文フォント)
http://typesquare.com/

FONTPLUS(和文フォント)
FONTPLUS(和文フォント)
http://webfont.fontplus.jp/

乙街道 twitter

今月の磯丸会は鳴海くんがゲスト! と思いきや、違うのよ。 僕らが誘ったんじゃなくて鳴海くんが、僕らを誘ってくれたのよね。嬉しい限りです。 物怖じせずどんどん前に来る感じ、行動力あってとても刺激的!若いのに大したもんです。 負けてられるかよっ!

ツイッターメディア

【EXVS2固定実況】伝統芸能グフ踊りpart46アップ! 対ヒルドルブ、マックスター 戦【S6】 youtu.be/TU5le15MrhE 8日連続アップ出来てる! グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。 過去最高の相性ゲーでした! #エクバ2 #EXVS2

最近残業激しめ。 メンキャリは働いただけ残業代出るから良いよね。(当たり前だけどw さぁ家族と仲間と遊ぶ金欲しさに働こう!

【EXVS2固定実況】伝統芸能グフ踊りpart45アップ! 対ハイニューガンダム、ストライクノワール 戦【AA12】 youtu.be/DpoItoWBFD0 グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。 最近毎日アップできてる!フォビの格CS怪しい。 #エクバ2 #EXVS2

マキブオン家庭版の件、アーカイブで観ました。 良いですね。需要は確実に高いと思いますし。 ただぼくは相方がゲーセンにいる限り、横に座って一緒にゲームやりますね。楽しみ方は人それぞれ。 あと僕の場合、家庭持ちなので家でこういったゲームはやれないですしw 「外で仲間と」遊ぶゲーム!

【EXVS2固定実況】伝統芸能グフ踊りpart44アップ! 対ハイニューガンダム、ナラティブ 戦【AA15】 youtu.be/vJtNEbojh8c グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。 攻めの連携は取れてきたので、ほんと体力調整が課題! #エクバ2 #EXVS2

千葉に蒙古タンメンに雷、最高やん! 杉田家に梨の花、ブーブー太郎に武者道、七星に増田家、なみしょー、海月に幸福軒、そしてこの二店!楽しいラーメンライブが送れそう! #千葉 #ラーメン

土日祝日は家族と過ごしたいので、需要無いだろうけど平日開催店舗無いかなぁw って今度はそれじゃあ相方が出れないかw

【EXVS2固定実況】伝統芸能グフ踊りpart43アップ! ヤークトアルケー、百式 戦【S8】 youtu.be/nG15a4BatYs グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。 キャラ対なりの参考になれば幸いです。 グフと本気で向き合ってくれる相方に感謝です。 #伝統芸能グフ踊り #エクバ2 #EXVS2

希光デザイン事務所
乙街道の管理人はホームページとか作る仕事をしています。
制作依頼やご相談もお気軽にどうぞ。

今月の磯丸会は鳴海くんがゲスト! と思いきや、違うのよ。 僕らが誘ったんじゃなくて鳴海くんが、僕らを誘ってくれたのよね。嬉しい限りです。 物怖じせずどんどん前に来る感じ、行動力あってとても刺激的!若いのに大したもんです。 負けてられるかよっ!

ツイッターメディア

【EXVS2固定実況】伝統芸能グフ踊りpart46アップ! 対ヒルドルブ、マックスター 戦【S6】 youtu.be/TU5le15MrhE 8日連続アップ出来てる! グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。 過去最高の相性ゲーでした! #エクバ2 #EXVS2

最近残業激しめ。 メンキャリは働いただけ残業代出るから良いよね。(当たり前だけどw さぁ家族と仲間と遊ぶ金欲しさに働こう!

【EXVS2固定実況】伝統芸能グフ踊りpart45アップ! 対ハイニューガンダム、ストライクノワール 戦【AA12】 youtu.be/DpoItoWBFD0 グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。 最近毎日アップできてる!フォビの格CS怪しい。 #エクバ2 #EXVS2

マキブオン家庭版の件、アーカイブで観ました。 良いですね。需要は確実に高いと思いますし。 ただぼくは相方がゲーセンにいる限り、横に座って一緒にゲームやりますね。楽しみ方は人それぞれ。 あと僕の場合、家庭持ちなので家でこういったゲームはやれないですしw 「外で仲間と」遊ぶゲーム!

【EXVS2固定実況】伝統芸能グフ踊りpart44アップ! 対ハイニューガンダム、ナラティブ 戦【AA15】 youtu.be/vJtNEbojh8c グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。キャラ対なりの参考になれば幸いです。 攻めの連携は取れてきたので、ほんと体力調整が課題! #エクバ2 #EXVS2

千葉に蒙古タンメンに雷、最高やん! 杉田家に梨の花、ブーブー太郎に武者道、七星に増田家、なみしょー、海月に幸福軒、そしてこの二店!楽しいラーメンライブが送れそう! #千葉 #ラーメン

土日祝日は家族と過ごしたいので、需要無いだろうけど平日開催店舗無いかなぁw って今度はそれじゃあ相方が出れないかw

【EXVS2固定実況】伝統芸能グフ踊りpart43アップ! ヤークトアルケー、百式 戦【S8】 youtu.be/nG15a4BatYs グフカスタム視点に併せて相方フォビドゥン視点もどうぞ。 キャラ対なりの参考になれば幸いです。 グフと本気で向き合ってくれる相方に感謝です。 #伝統芸能グフ踊り #エクバ2 #EXVS2