动态加载字体html jquery

Question

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

再一次，谢谢...... 托德

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