动态加载字体html jquery

【问题标题】：dynamically load fonts html jquery动态加载字体html jquery
【发布时间】：2013-02-13 23:19:10
【问题描述】：

我正在开发一个允许用户输入一些文本并将其拖动到适当位置等的网站。我已经达到了我想提供字体选择的地步。我可以动态加载字体而不是一次全部加载吗？例如，用户输入他们的文本并选择使用“通用字体 1”是否可以使用 jquery 加载该字体？这样我就可以提供一堆字体，而无需在页面加载时全部加载。我也希望使用谷歌网络字体，但不是必须的。为清楚起见，我目前正在使用几种自定义字体，它们加载得很好。

再次感谢您... 托德

【问题讨论】：

你现在如何加载字体？能否附上代码示例？

标签： jquery html fonts

【解决方案1】：

这是我最近编写的一个用于动态添加 Google 网络字体的函数...

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 应用字体。

【讨论】：

当然是这样。从来没想过附加到头上。谢谢。我以为这将是无法回答的……结果很简单。度过美好的一天。
谢谢，你也很高兴 :)
@jedierikb 不错的发现。它的作用与上面几乎相同，但我总是喜欢谷歌的一些代码:)
2017 年并使用@jedierikb 提供的解决方案。