動態加載字體html jquery

我正在一個網站，允許用戶輸入一些文本，並將其拖入位置等，我已經到了一個點，我想提供字體的選擇。我可以動態加載字體而不是一次全部加載嗎？例如，用戶輸入他們的文本，並選擇使用「通用字體1」是否有可能使用jQuery加載該字體？這樣我就可以提供一大堆字體，而不會在頁面加載時加載全部字體。此外，我希望使用谷歌網頁字體，但不是必須的。爲了清楚起見，我目前使用了一些自定義字體，並且它們加載得很好。動態加載字體html jquery

再次感謝您...... 託德

來源

2013-02-13 maddogandnoriko

你現在如何加載字體？你可以包含代碼示例嗎？ – jrummell 2013-02-13 15:17:28

這是我最近寫了動態添加谷歌網頁字體的功能...

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-13 15:19:10 Archer

當然這就是你如何做到的。從來沒有想過追加到頭上。謝謝。我認爲這將是無法迴避的......事實證明，這簡直是死了。擁有美好的一天。 – maddogandnoriko 2013-02-14 14:00:20

謝謝，你也 - 很高興幫助:) – Archer 2013-02-14 14:01:09

可能有用：https：//developers.google.com/webfonts/docs/webfont_loader – jedierikb 2013-02-21 22:29:25

動態加載字體html jquery

回答

相關問題