我希望能够让用户选择他们希望页面显示的字体. 以下是Google建议您使用JavaScript执行此操作的方式.
WebFontConfig = {
google: {
families: ['Tangerine', 'Cantarell']
}
};
(function() {
var wf = document.createElement('script');
wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
'://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
wf.type = 'text/javascript';
wf.async = 'true';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(wf, s);
})();
Run Code Online (Sandbox Code Playgroud)
如何修改这个以便我可以在页面加载后重新获取字体?
我有一个用jquery动态创建的<p>元素,我想用我硬盘上的自定义字体来设置它.
你能给我一个加载该字体并将其应用于这个元素的方法吗?
现在,该对象看起来像:
$("<p>").css({ fontFamily : "Arial",
fontSize: "13px",
color: "#000"});
Run Code Online (Sandbox Code Playgroud)
我想用我的自定义字体替换fontFamily:"Arial".
谢谢,加布里埃尔
我正在开发一个网站,允许用户输入一些文本并将其拖动到位,等等.我已经达到了一个点,我想提供一种字体选择.我可以动态加载字体而不是一次性加载吗?例如,用户输入他们的文本并选择使用"Generic Font 1"是否可以使用jquery加载该字体?这样我可以提供一堆字体,而不会在页面加载时加载它们.我也希望使用谷歌网络字体,但不是必须的.为了清楚起见,我目前正在使用一些自定义字体,它们加载得很好.
再一次,谢谢......托德