「WebFont」のラベルが付いた記事

2024/01/25

アイコンの為に Web フォント、合字を深堀してフォールバックを検討する

Firefox では、インラインスタイルを使わないと、要素の計測を使った Web フォントの適用判定に失敗します。(2024/06/19) 表の修正。「AOSP」→「Android WebView ~4.4.4」など。(2024/03/02) Web フォントをサポートするゲーム機用ブラウザの情報を追記しました。但し PS5, New 3DS, Xbox One, Xbox Series X|S については端末を所持していないため未調査です。Xbox 360は未調査です。(2024/02/0…

2023/07/16

svgo を使って SVG フォントを最適化する、その際の注意点は？

javascript, svgo, WebFont

「アイコンの為に Web フォント、合字を深堀してフォールバックを検討する」での調査を元に「 <font> タグの id 属性は残す」の id が必要なブラウザに iOS Safari 3~4 を追記。(2024/01/26) 「エンティティ」表記を「数値文字参照」に修正しました。追記と修正をしています。(2023/08/16) icomoon で作成した SVG フ…

2023/07/15

完全に状況を掌握した CSS の遅延読み込みの実現

css, javascript, WebFont, クロスブラウザ

2023/07/01

svgo を使って SVG フォントを SVG 画像に変換する

javascript, svgo, WebFont, Web開発, クロスブラウザ

はじめにこのブログなどで使用するアイコンを Pure CSS アイコンからベクターアイコンへ置き換えを進めています。新しいベクターアイコンでは、Web フォントと、フォールバックとして JavaScript で SVG を挿入する二段構えとしました。 Web フォントが適用されているか？の検出に関する記事は「 Webフォントがブラウザで有効か？きっちり調べる」を参照ください。フォ…

2018/02/25

Webフォントがブラウザで有効か？きっちり調べる

css, javascript, WebFont

「古典的な方法」に加筆修正しています。(2024/01/27) 内容が重複する記事「アイコンの為に Web フォント、合字を深堀してフォールバックを検討する」を公開しました。(2024/01/26) テーブルに WOFF2 を追記しました。(2023/07/01) フロー図を追加して、若干の追記と推敲を行いました。(2022/10/06) #BLM を支持し「ブロックリスト」への書き換え。w…