[解決済み] ユーザーのブラウザが表示可能なすべてのフォントをリストアップします。
2022-10-04 22:06:57
質問
ブラウザが表示できるすべてのフォント (またはフォントファミリ) の名前を取得する javascript の方法はありますか? (私は、利用可能なすべてのフォントのリストを持つドロップダウンをユーザーに与え、ユーザーがフォントを選択することを可能にしたい)。 このリストを前もってハードコードしたり、サーバーから送信したりする必要はない方がいいと思うのですが。 (直感的には、ブラウザが持っているフォントを知るべきであり、これは何らかの方法で javascript に公開されるべきであると思われます)。
どのように解決するのですか?
JavaScriptのバージョンは少し不安定です。既知のフォントを繰り返しテストすることでフォントを取得します。
最も正確な方法は (独自のプラグインを使用しなければなりませんが)、次のとおりです。 Flash を使用する . ここでは、ディメンションを使って個別にフォントをテストすることなく、フォントのリストを取得することができます。
いくつかのデバイス(iDevice、Flashプラグインのないブラウザなど)で動作しないことを犠牲にしてでも正確なリストを持つか、それとも 部分的なリストで、JavaScript のみによるより良いサポート .
関連
-
[解決済み] JavaScriptのオブジェクトを表示するにはどうすればよいですか?
-
[解決済み] chromedriverでSeleniumを使用していることをWebサイトで検出することは可能ですか?
-
[解決済み】iPhoneアプリケーションにカスタムフォントを埋め込むことはできますか?
-
[解決済み】あるテキストをレンダリングするためにブラウザが実際に使用しているフォントを判断するにはどうすればよいですか?
-
[解決済み】android:fontFamilyの有効な値とそのマッピングは?
-
[解決済み] あるWebページで、定義されたフォントのうちどれが使われているかを検出するには?
-
[解決済み] JavaScript で範囲を作成する - 奇妙な構文
-
[解決済み] 上級者向けJavaScript。この関数はなぜ括弧でくくられるのですか?重複
-
[解決済み] node.jsで文字列のsha1ハッシュを取得するにはどうすればよいですか?
-
[解決済み] JavaScriptのArray.sort()メソッドでシャッフルするのは正しいのか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] あるWebページで、定義されたフォントのうちどれが使われているかを検出するには?
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] チェックボックスが選択されているかどうかを確認するjQuery
-
[解決済み] JavaScriptのtoString()関数をオーバーライドして、デバッグ用に意味のある出力を提供することは可能でしょうか?
-
[解決済み] 無効になっている入力フィールドの値を送信する
-
[解決済み] AJAX Mailchimp サインアップフォームの統合
-
[解決済み] 各オブジェクトに?重複
-
[解決済み] JavaScript で css プロパティを使用して HTML 要素の背景色を設定する方法
-
[解決済み] 変異を伴わないオブジェクトからの値の削除
-
[解決済み] JavaScriptデータフォーマット/プリティプリンタ