4

ユーザーがテキストを入力して所定の位置にドラッグできるサイトで作業しています。フォントの選択肢を提供したいと思うようになりました。フォントを一度にすべてではなく動的にロードできますか？たとえば、ユーザーがテキストを入力し、「Generic Font 1」を使用することを選択した場合、jqueryでそのフォントをロードすることは可能ですか？そうすれば、ページの読み込み時にすべてのフォントを読み込むことなく、多数のフォントを提供できます。また、私はグーグルウェブフォントを使用したいと思っていましたが、必須ではありません。わかりやすくするために、私は現在いくつかのカスタムフォントを使用しており、それらは問題なく読み込まれます。

もう一度、ありがとう...トッド

4

1 に答える 1

21

これは、GoogleWebフォントを動的に追加するために最近作成した関数です...

function addGoogleFont(FontName) {
    $("head").append("<link href='https://fonts.googleapis.com/css?family=" + FontName + "' rel='stylesheet' type='text/css'>");
}

addGoogleFont("Junge"); // for example

その後、font-family通常どおりにフォントを適用します。

于 2013-02-13T15:19:10.903 に答える