JS+CSS实现网页中文和英文分别设置不同的字体

最后修订:
2019-02-15 22:34:26
前端设计

摘要:利用JQuery写了下面的代码实现了中文用微软雅黑,英文用Calibri,实现的原理如下:首先设置中文字体,然后将0x20~0x800x20~0x80是常见的所有半角字符之间的字符找出来,为它们加上i

利用JQuery写了下面的代码实现了中文用微软雅黑,英文用Calibri,实现的原理如下:

首先设置中文字体,然后将0x20~0x800x20~0x80是常见的所有半角字符之间的字符找出来,为它们加上i标签,而这里的标签i又被我设置成了英文字体Calibri,于是就达到目的了。

$(“.post .title a”).each(function(){
var oldHtml=this.innerHTML+””;
var newHtml=oldHtml+””;
var regex= new RegExp(“[\\x20-\\x80]+”,”g”);
do{
var match=regex.exec(oldHtml);
if(match!=null)
{
regex.lastIndex=match.index+match[0].length;
newHtml=newHtml.replace(match[0],”<i>”+match[0]+”</i>”);
}
}
while(match!=null)
this.innerHTML=newHtml;
});

还有更简单的方法就是找 英文字体他没有中文的时候自然就显示雅黑 先后循序

font-family:”Calibri”,”microsoft Yahei”;

本站所有内容来自网络收集整理和站长原创,未经作者授权,不得用作他用。

如对本站内容有所疑问,请点击右下角的“反馈建议”将您的问题提交给我。