Question

我有一个网站，其中的所有文字都使用自定义字体。问题是每个浏览器的行为与自定义字体的行为不同，如不可见文本的Flash。

基本上，我想要做的是最初在document.ready中将字体设置为Arial，然后在安装字体后，我将所有文本设置为自定义字体。

然而，这是我得到的结果？每个页面都变成arial然后我的自定义字体。我能看到字体闪烁哪个烦人？

现在，我的问题是： - 如何创建一个只通过我的整个网站调用一次的jquery事件？感谢，

Answer 1

感谢您的帮助..现在，它运行良好：

我使用了以下内容：

1-首先，在CSS中我使用Arial

2-使用这个JS：//我把下面的内容放在jQuery pagebeforeshow事件中

WebFontConfig = { google: { families: [ "customfont1","customfont2"] } , active : function() { 
		//alert("this is the default font");
 	
 		// All Body
 		for ( i = 0; i < document.all.length; i++) {
			document.all[i].style.fontFamily = "customfont1";
		}
		// Titles
		 var x = document.getElementsByClassName("title");
		 var i;
		 for (i = 0; i < x.length; i++) {
   		  x[i].style.fontFamily = "customfont2";
   		     		  }
   		
 },
 timeout: 2000,	
};

(function() {
    var wf = document.createElement('script');
    wf.src = ('webfont.js');
    wf.type = 'text/javascript';
    wf.async = 'true';
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(wf, s);
})();
 
});

不可见文本的Flash

1 个答案: