动态加载字体html jquery

Question

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

再一次,谢谢......托德

Answer 1

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

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像往常一样应用字体.