Webフォントは、閲覧者が来ると一度すべてのフォントデータをクライアントにダウンロードさせるものなんでしょうか?
それともそのページで使ってる文字のデータだけダウンロードさせてる?
例えば大きいものだと5MBほどあるフォントデータがあったりしますが、そのWebフォントを使って10文字ほどのタイトル文字を書きたいとします。
これをGIF画像で用意すると8KBほどなんですが、Webフォントを使うとフォントデータ全てである5MBをクライアントはダウンロードすることになるんでしょうか?
つまり、極力画像を減らしてページを軽くしたつもりが、Webフォントを使うことで逆に重くなるということになりますか?
No.1ベストアンサー
- 回答日時:
フォントファイルが5MBあるのであれば、クライアントはアクセス時に5MBダウンロードします。
通常Webフォントを使用する場合は、使用する文字分だけのサブセットフォントを作成して使用します。
http://takachan.jra.net/blog/archives/926
ご回答ありがとうございます。
やはり全部ダウンロードさせるんですか。
だとすると、タイトルのロゴに使うのはサブセットで良いとして、掲示板やブログのようにいろんな文字を使いたいものだと重くなってしまいますね。
No.3
- 回答日時:
フォントワークスの『FONTPLUS』やモリサワの『TypeSquare』などは、必要な文字だけをダウンロードしているようです。
それでも多少は待たされますし、フォントデータすべてをダウンロードするタイプであれば、もっと待たされるかと思います。また、Windowsのフォント表示はアップル製品やスマホに比べて粗いところがあり、小さいWebフォントは逆に読みづらいです。MacTypeを入れれば解決できますが、わざわざ訪問者さんにソフトをインストールさせるのは難しいかもしれません。
◆Webフォントのモリサワ TypeSquareに申し込んでシャレオツ和欧混植 | 高橋文樹.com
http://takahashifumiki.com/web/design/2863/
◆モリサワTypeSquareを比較してみる
http://wakufactory.jp/densho/TypeSquare/hikaku.h …
◆Macに慣れたらWindowsのフォントが耐えられないので解決してみた|Mac - 週アスPLUS
http://weekly.ascii.jp/elem/000/000/206/206833/
Windows(やブラウザ)が正式対応するまでは、大きいタイトルにのみWebフォントを使うか、あるいは画像で置き換えたほうが簡単ではないでしょうか。
No.2
- 回答日時:
クライアント側のPCのフォントの種類に用意された対応した文字であれば表示されますが
ないのであれば、フォントのダウンロードが必要になりますが
10文字程度であればわざわざフォントにかかわるダウンロードをしなくても
webページを作る段階でフォントをgifやjpegなどで保存して
画像として表示したほうが良いのではないでしょうか?
gif画像ではなくてjavascript等で効果をつけたらどうでしょうか?
ご回答ありがとうございます。
ワシの疑問もまさにそれで、サイトを軽くするつもりで画像を使わず文字だけにしたのに、Webフォントを乱用したせいで逆に重くなるのでは?と困惑していたわけです。
下手にWebフォントを導入するより、小さな画像を使った方が軽くなりそうですね。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ペイント3Dのテキストサイズ変更
-
CSSで文字に青や紫の枠線が出て...
-
LaTeXの文字の大きさの変え方。
-
alertで表示させる文字サイズは...
-
HP上で文字サイズを変更でき...
-
EMBEDタグ
-
パスワード欄の"●"文字を小さく...
-
入力規則のリストの文字の大き...
-
フォントについて
-
テキストエディタmiの表示文字...
-
<table></table>内のFONT指定に...
-
セレクトボックスの中身を右寄...
-
CSSです。英数字のみArial書体...
-
フォントサイズの指定
-
VBAでListViewのフォントを変更...
-
共有メモリについて
-
HTML <MARQUEE> 携帯 文字が...
-
RichTextboxでのフォントの指定...
-
MACで勝手に改行されてしまいま...
-
outlook 文字を揃えたい。tab...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
入力規則のリストの文字の大き...
-
テーブル内の文字サイズを変更...
-
ペイント3Dのテキストサイズ変更
-
alertで表示させる文字サイズは...
-
テキストエディタmiの表示文字...
-
<pre>タグ内のフォントサイズに...
-
英サイト(UTF-8)内での全角文字...
-
VBAでListViewのフォントを変更...
-
セレクトボックスの幅を指定し...
-
”ヒラギノ明朝Pro”をWindowsで...
-
alertで、アイコンの変更、又は...
-
CSSです。英数字のみArial書体...
-
パスワード欄の"●"文字を小さく...
-
エクセルで文字が勝手に大きく...
-
コピーライト記号の表示が小さい
-
MoveWindowで位置だけ変更する...
-
奇数のフォントサイズ指定について
-
excelをhtmlに変換した途端、一...
-
<table></table>内のFONT指定に...
-
CListCtrlで行の高さを指定した...
おすすめ情報