WEBフォントについて質問があります。WEBフォントというのは基本的にはローカルに保存して使うものなのでしょうか?一応、CDN(?)にリンクするだけで使えたりしますが読み込みに時間がかかってうまく表示されないこともありますよね?最近ウェブフォントの存在を知ったばかりなので、いまいちまだ使いこなせる感じがしないです。
流行ってるものならCDNの方が読み込み早い可能性が高いよ。
そうなのですか!google font と font awesomeを使ってるところです。
他のサイトで同じリンク先のものを読み込み済みならそのキャッシュを共通で使う事が出来るからね。
おー、そういう仕組みなのですね!キャッシュの勉強にもなりました。ありがとうございます。
Webフォントは、ブラウザでWebページが読み込まれた時に、初めてダウンロードされて、そのフォントで表示されます。
和文フォントの場合は、欧文フォントに比べて文字数が非常に多いことから、フォントファイルのサイズが大きくなるため、ダウンロードに時間がかかり、表示に時間がかかります。
これが海外サイトでは一般的に普及しているWebフォントが、日本であまり使われていない大きな原因です。
そのために、和文フォントでは、Webページで使われている文字だけに絞り込んだフォントを作成するサブセットと呼ばれる技術を使って、フォントサイズを小さくして送る手法があります。
サブセットのフォントの場合は、他のサイトで使われたサブセットフォントをキャッシュで使いまわしても、使っている文字が違うので、正しく表示されません。
google fontsは、配信されたフォントファイル名がランダムになっているので、他のサイトと同じフォントを使ってもキャッシュは使われないかもしれませんね。
勉強になります。ありがとうございます。
みんなの回答 2 件
流行ってるものならCDNの方が読み込み早い可能性が高いよ。
Webフォントは、ブラウザでWebページが読み込まれた時に、初めてダウンロードされて、そのフォントで表示されます。
和文フォントの場合は、欧文フォントに比べて文字数が非常に多いことから、フォントファイルのサイズが大きくなるため、ダウンロードに時間がかかり、表示に時間がかかります。
これが海外サイトでは一般的に普及しているWebフォントが、日本であまり使われていない大きな原因です。
そのために、和文フォントでは、Webページで使われている文字だけに絞り込んだフォントを作成するサブセットと呼ばれる技術を使って、フォントサイズを小さくして送る手法があります。
サブセットのフォントの場合は、他のサイトで使われたサブセットフォントをキャッシュで使いまわしても、使っている文字が違うので、正しく表示されません。
google fontsは、配信されたフォントファイル名がランダムになっているので、他のサイトと同じフォントを使ってもキャッシュは使われないかもしれませんね。
関連するトピックス