Webフォントのダウンロード方法

このQ&Aのポイント
  • Webフォントは一度すべてをダウンロードさせるのか?
  • Webフォントを使うことでページの重さに注意が必要
  • フォントデータの軽量化のために画像を検討する必要があるかもしれない
回答を見る
  • ベストアンサー

Webフォントは一度すべてをダウンロードさせる?

 Webフォントは、閲覧者が来ると一度すべてのフォントデータをクライアントにダウンロードさせるものなんでしょうか?  それともそのページで使ってる文字のデータだけダウンロードさせてる?  例えば大きいものだと5MBほどあるフォントデータがあったりしますが、そのWebフォントを使って10文字ほどのタイトル文字を書きたいとします。  これをGIF画像で用意すると8KBほどなんですが、Webフォントを使うとフォントデータ全てである5MBをクライアントはダウンロードすることになるんでしょうか?  つまり、極力画像を減らしてページを軽くしたつもりが、Webフォントを使うことで逆に重くなるということになりますか?

noname#235729
noname#235729
  • CSS
  • 回答数3
  • ありがとう数15

質問者が選んだベストアンサー

  • ベストアンサー
  • t_ohta
  • ベストアンサー率38% (5067/13241)
回答No.1

フォントファイルが5MBあるのであれば、クライアントはアクセス時に5MBダウンロードします。 通常Webフォントを使用する場合は、使用する文字分だけのサブセットフォントを作成して使用します。 http://takachan.jra.net/blog/archives/926

noname#235729
質問者

お礼

 ご回答ありがとうございます。  やはり全部ダウンロードさせるんですか。  だとすると、タイトルのロゴに使うのはサブセットで良いとして、掲示板やブログのようにいろんな文字を使いたいものだと重くなってしまいますね。

その他の回答 (2)

回答No.3

 フォントワークスの『FONTPLUS』やモリサワの『TypeSquare』などは、必要な文字だけをダウンロードしているようです。それでも多少は待たされますし、フォントデータすべてをダウンロードするタイプであれば、もっと待たされるかと思います。  また、Windowsのフォント表示はアップル製品やスマホに比べて粗いところがあり、小さいWebフォントは逆に読みづらいです。MacTypeを入れれば解決できますが、わざわざ訪問者さんにソフトをインストールさせるのは難しいかもしれません。 ◆Webフォントのモリサワ TypeSquareに申し込んでシャレオツ和欧混植 | 高橋文樹.com  http://takahashifumiki.com/web/design/2863/ ◆モリサワTypeSquareを比較してみる  http://wakufactory.jp/densho/TypeSquare/hikaku.html ◆Macに慣れたらWindowsのフォントが耐えられないので解決してみた|Mac - 週アスPLUS  http://weekly.ascii.jp/elem/000/000/206/206833/  Windows(やブラウザ)が正式対応するまでは、大きいタイトルにのみWebフォントを使うか、あるいは画像で置き換えたほうが簡単ではないでしょうか。

noname#235729
質問者

お礼

 ご回答ありがとうございます。  なるほど、フォントによっては部分的なダウンロードも可能なんですね。

回答No.2

クライアント側のPCのフォントの種類に用意された対応した文字であれば表示されますが ないのであれば、フォントのダウンロードが必要になりますが 10文字程度であればわざわざフォントにかかわるダウンロードをしなくても webページを作る段階でフォントをgifやjpegなどで保存して 画像として表示したほうが良いのではないでしょうか? gif画像ではなくてjavascript等で効果をつけたらどうでしょうか?

noname#235729
質問者

お礼

 ご回答ありがとうございます。  ワシの疑問もまさにそれで、サイトを軽くするつもりで画像を使わず文字だけにしたのに、Webフォントを乱用したせいで逆に重くなるのでは?と困惑していたわけです。  下手にWebフォントを導入するより、小さな画像を使った方が軽くなりそうですね。

関連するQ&A

  • ウェブフォントについて

    ウェブフォントをサイトのすべてに適応すると重くて問題が起こるのでしょうか? 下記のような情報を見ました。 たしかにおしゃれな英語圏のサイトではウェブフォントを使っている場合がちょくちょく見られるようにはなりましたが、これはフォント全体が150kbとか200kbとかだからできるのであって、数MBある日本語では主流になるのは難しいと思います。 タイトルだけとかだったら、そこで使う文字の分だけ埋め込めばいいのでそれなりに使われるようになるかもしれませんが、本文で主流になるのはない、あるいはだいぶ先のことだと思います。 それともフォントの種類を2,3に固定すれば、商用サイトでも問題ないのでしょうか?

    • ベストアンサー
    • CSS
  • Acrobat内のフォントとPC内のフォント

    印刷物データ(aiファイル、epsファイル)を原稿としていただき、それをpdf化してWebブラウザでも閲覧可能にする、という仕事を任せれました。 サーバにアップする際に「1ファイル1MB以内」という規定があり、フォントは「埋め込まない」方向で考えています。 作業は外注に任せることにしたのですが、その外注先から「フォントを埋め込まないので閲覧環境によっては文字化けするかも」と言われています。 現在クライアントから、「どういう状況下だと文字化けが起こるのか」、「具体的にどの文字が化けるのか」、「人名に使用している外字(難しい旧字体など)は化けるのか」などと質問を浴びせかけられており、対処に困っています。 このあたりについて詳しい方いらっしゃいますか? ※過去ログに「微妙に近いQA」は多々発見しています。具体的に「コレだ!」というものが無く、質問させていただきました。よろしくお願いいたします。

  • WEBサイト表示フォント

    WEBサイトの文字はサーバ側のフォントとクライアント側のフォントのどちらで表示しているのでしょうか。

    • ベストアンサー
    • HTML
  • Webページのフォントの種類について

     webページの文書を特殊なフォントで閲覧してもらいたいとき、そのフォントのファイルを他のファイルと同じようにアップロードし、そのフォントが入っていないパソコンでも閲覧できる様にすることは可能でしょうか。  また、可能とすればHTMLをどのように記述すればよいでしょうか。  よろしくお願いします。

    • ベストアンサー
    • HTML
  • ウェブページのフォントがおかしい

    昨年末から急にIE上の日本語フォント(2chも閲覧するので「MS PGothic AA」)が表示されなくなりました。 文字全てが細長い□で表され、ほとんどが読めませんでした。 フォントが壊れたんだなと推測してフォントキャッシュを削除したり、MS PGothic AAを再インストール?したり、セーフモード、ウイルススキャン、スパイウェアのチェックを試みましたが改善しませんでした。 埒があかないので日本語のWebページフォントはMS Pゴシックに設定しているので読めなくはないのです。ですがWikipediaや、駐留させているMcAfeeのメッセージが汚い太字で表示され読みにくいのです。 フォントを正しく元に戻す方法を教えてください。

  • PhotoshopでWebサイトのフォント

     いつも大変お世話になっております。  Webサイトを作成する際に、一部、有料の珍しいフォントを使用しようと考えております。やり方については、PhotoshopやIllustratorを利用して有料フォントを画像として利用するように指示されています。(バナーの文字等)  ここで、質問なのですが、PhotoshopやIllustratorでフォントを画像として利用するということは、最終的にその文字は、ラスタライズという処理をする必要があるのでしょうか。もし、ラスタライズ処理を行わなければ、Webページを見る方のPCにはそのフォントがインストールされていない為に、文字が化けてしまうことが起きてしまうのではと心配です。  もし詳しい方がおられれば教えて下さると大変うれしく思います。

  • このフォントの名前を教えてください

    よくhttp://bbs9.aimix-z.com/gbbsimg/gamestar/1427.gif の画像のような文字をみかけるのですが、本当に素敵で ダウンロードしたいと思うのですがフォント名、サイトがわかりません。 海外のサイトらしいんですけど。。。 よく似ているフォントでもいいので良ければ教えてくださいっ。 どうぞよろしくお願いします。

  • WebサイトでJpeg、Gif画像をダウンロードさせたい

    WebサイトでJpeg、Gif画像をダウンロードさせたい Webサイトで訪問者がリンクをクリックしたときにJpeg、Gifデータをダウンロードできるように したいのですが可能でしょうか? イメージ的にはZipファイルのようにローカルにダウンロード させることを考えています。 ちなみにそのサイトは、ZIPなどの圧縮ファイル、PDFなどは置くことができません。

    • ベストアンサー
    • HTML
  • サイトからダウンロードしたフォントを‘日本語用のフォント‘の方に入れたい

    Windows MEを使っています。 フォントをダウンロードしたのですが、画面にその書体で表示されません。 ひらがな・カタカナ・英文字をすべてダウンロードしてあります。 設定→フォントを開くと既存のフォントと同じように入っているので、ダウンロードは出来ているみたいです。 WORDでページ設定→フォントの設定を見ると‘英数字用のフォント’の方に入っています。 半角文字(英数字)はそのフォントで表示されますが、肝心のひらがな・カタカナが使えない状態です。 ‘日本語用のフォント’の方に入れ替える事は出来ますか。 DRする時に指定するのでしょうか。 困っているので、わかる方教えて下さい。

  • Linuxで特殊文字フォントを使いたい

    クライアントからのリクエストにより、帳票をPDFファイルで作成し、ダウンロードできるWEBシステムを作りました。 PDFファイルは、クライアントから入力したDBのデータを元に作ります。 ユーザーが単位記号「m3」(立方メートル)の文字を登録したところ、この文字がPDFに正しく表示されません。(&#1と表示される) サーバーはCentOS5を使っています。 WWEBシステムはJavaで作りました。 PDF帳票に「m3」のフォントを表示させるためにはどうしたらよいでしょうか。 フォントのダウンロードサイトや、ダウンロード後の設定手順などを教えてください。 よろしくお願いします。

専門家に質問してみよう