javascript - JavaScript による Font-Face の変更

Question

したがって、基本的なワークフローは次のとおりです。

1. フォントの非同期ファイル アップロード (これは既に行われています)。

2. URL を取得します (完了)。

3. フォントを新しい URL に変更します。

これはfont-faceを介して行う必要があることを認識していますが、JavaScriptを介してアクセスする方法がわかりません。

Answer 1

ルールを使用して新しい<style>要素を作成し、それを'sに追加できます。@font-facedocumenthead

var newStyle = document.createElement('style');
newStyle.appendChild(document.createTextNode("\
@font-face {\
    font-family: " + yourFontName + ";\
    src: url('" + yourFontURL + "') format('yourFontFormat');\
}\
"));

document.head.appendChild(newStyle);

もちろん、必要なフォント形式と URL もすべて提供する必要があるでしょう。ただし、最新のデスクトップ ブラウザーのサポートだけを心配している場合は、WOFF を使用します。あなたが言及した他の機能）。