GitHub - typekit/webfontloader: Web Font Loader gives you added control when using linked fonts via @font-face.You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
フォントの読み込み完了を検知する
TypeKitとかがやってるWebフォントの読み込みが終わったらhtml要素にクラス名を振るアレの話。TypeKitがオープンソースでリリースしているWebFont Loaderを使う方法が安全で安定。Googleがホスティングしているのもあるので手軽でもある。でも読み込み完了の検知以外にも機能があってパワフルすぎる気がするので、Adobe Blankを使って自前で書いてみることにした。 Adobe Blankのサイズ削減 Adobe Blankはそのまま使うと30KB以上ある。読み込み完了検知だけなら幅0のグリフが1つあればそれで良いので、まずはサブセット化してサイズを抑えることから。aだけのWOFFなAdobe Blankを作ればちょうど1KBくらいになる。 Download: adobe-blank.woff @font-face定義の追加 外部リクエストにすると意味が薄れるのでDa
Webフォントがいつ読み込まれたかを判断したい場合は、WebFont Loaderを使おう
TypekitのようなWebフォントサービスでは... / Webフォントは読み込みが完了するまでテキストに... / 特にJavaScriptでUIを制御している場合...他...全11件 TypekitのようなWebフォントサービスではなく自前のWebフォントを使用する場合、フォントがいつ読み込まれたのかを判断することができません。 Webフォントは読み込みが完了するまでテキストに適用することができないため、一瞬違う書式のテキストが表示されたり、適用後にテキストの高さが変わってしまって、heightを指定している要素からはみ出すことがあります。 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js"></script> <script type="tex
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Fitty | Snugly resizes text to fit its parent container.
