請問在一篇文章中如何使用兩種字體？

BILLSSJONE 2010-04-08 09:59:44

文章讀取數據庫，內容有不確定性，
想使用兩種字體顯示，英文一種，中文是另一種，兩種字休系統中都有，請問怎麼實現？
font-family:Times New Roman,標楷體;
我象上面這樣並不成功，因為兩個字體系統都有，它找到第一個字體後整篇文章都會使用第一個，第二個沒效果，請教我要中文使用標楷體,英文用Times New Roman

...全文

65 5 打赏收藏转发到动态举报

写回复

用AI写文章

5 条回复

切换为时间正序

请发表友善的回复…

发表回复

BILLSSJONE 2010-04-08

打赏
举报

上面是用JS給每個字單獨加上字體，長篇文章效率可能不好，
最主要的是我不光在網頁上使用，我還要把內容以html格式郵件發送出去，郵件的html內容在後台生成，並不在客戶端的網頁上程現，所以js可能派不上用場。
可不可以設置css實現？就象outlook裡一封郵件就可以自動識別使用中英文兩種字體

bhbhxy 2010-04-08

打赏
举报

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=gb2312">

<title>new page</title>

<script>

function setCH_EN_style(str){

//设置中英文样式

var chineseStyleBefore='<font face="隶书" size="4" color=red>';

var chineseStyleAfter='</font>';

var englishStyleBefore='<i><font color=green face="Comic Sans MS">';

var englisheStyleAfter='</font></i>';

var chineseOrEnglish=str.charCodeAt(0)>128?true:false;

var chinese="";

var english="";

var str1="";

for(var i=0;i<str.length;i++){   

if(str.charCodeAt(i)>128){

if(chineseOrEnglish){

if(english!="")

str1+=englishStyleBefore+english+englisheStyleAfter;

english="";

}else{

chineseOrEnglish=true;

}

chinese+=str.charAt(i);  

}else{

if(!chineseOrEnglish){

if(chinese!="")

str1+=chineseStyleBefore+chinese+chineseStyleAfter;

chinese="";

}else{

chineseOrEnglish=false;

}

english+=str.charAt(i);   

}

}

if(chinese!="")

str1+=chineseStyleBefore+chinese+chineseStyleAfter;

if(english!="")

str1+=englishStyleBefore+english+englisheStyleAfter;

return str1;

}

</script>

</head>



<body>

<div id=div1>中文，english,中文，<font color=blue>english</font>,中文，english</div>

</body>

<script>

var d=document.getElementById("div1");

var str=d.innerHTML;

//去掉html标签

str=str.replace(/<(.*?)>/g,"");

alert("调用函数前!\n"+str);

d.innerHTML=setCH_EN_style(str);

</script>

</html>