5

CSSには、@font-faceカスタムフォントを「使用」できるルールがあります。

JavaScriptにはこの機能がありますか？

具体的には、CSS@font-faceルールを使用せずにカスタムフォントを「使用」することは可能ですか？

4

5 に答える 5

4

CSSを知っている場合はdocument.write、スタイルシートを動的に追加するために使用できます...それはCSSを使用していると見なされると思いますが、機能します

于 2011-04-07T22:31:22.063 に答える
3

@font-faceルールを使用する以外に、ブラウザにネットワークからフォントをロードさせる方法はありません。理論的には、 CSSオブジェクトモデルを使用した場合は、（またはなど）@font-faceを使用せずにJavaScriptからそのルールを作成できます。しかし、現時点では、どのブラウザにも実装されるとは思っていません。document.writedocument.createElement("style")

于 2011-04-07T23:21:23.667 に答える
1

いいえ、ありません。JavascriptはDOMを操作できますが、フォーマットについては気にしません。

于 2011-04-07T23:10:25.297 に答える
0

はい、できます：

document.body.style.fontFamily = '...';

ここにフィドルがあります：http：//jsfiddle.net/maniator/QMZ8N/

これは、事前定義されたフォントを要素に追加するだけです。

これは、ページにフォントスタイルを追加しません。そのためにはCSSを使用する必要があるかもしれません

于 2011-04-07T20:17:11.907 に答える
0

javascriptでフォントを読み込んで使用できる実験技術「CSSFontLoadingAPI」があります。現在、ChromeとFirefoxで作業しています。

fetch('/static/media/ProximaNova-Regular.otf')
        .then(resp => resp.arrayBuffer())
        .then(font => {
            const fontFace = new FontFace('Proxima-Nova', font);
            document.fonts.add(fontFace);
            document.body.style.fontFamily = '"Proxima-Nova", Arial';
        })
于 2019-04-11T07:54:57.927 に答える