+ -
当前位置:首页 → 问答吧 → font-family怎么同时用2种以上字体

font-family怎么同时用2种以上字体

时间:2011-08-05

来源:互联网

比如有一句话:“这是第12篇english文章”
其中中文、数字、英文想分别用3种不同的字体,该怎么办?

作者: magic1412kid   发布时间: 2011-08-05

font-family:"宋体","Arial Narrow";


用逗号隔开就行了~·

作者: MuBeiBei   发布时间: 2011-08-05

HTML code
<html>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    
    <style>
            p{font-family:"宋体";}
            p .s_01{ font-family:"Arial Black";}
            p .s_02{font-family:Verdana, Geneva, sans-serif;}
        </style>

    <body>  
        
       <p>这是第<span class="s_01">12</span><span class="s_02">english</span>文章</p>
    
  
    </body>
</html>  

作者: MuBeiBei   发布时间: 2011-08-05

引用 2 楼 mubeibei 的回复:
HTML code
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>
p{font-family:"宋体";}
p .s_01{ font-family:"Arial Black";}
……

+1

作者: ch_984326013   发布时间: 2011-08-05

<p><span class="ftst_1">谷歌</span><span class="ftst_2">百度</span></p>

作者: livetiancao   发布时间: 2011-08-05

2l的对。
如果要实际应用,可以考虑用正则匹配出来英文和数字,然后加上样式。汉字的就继承最外层的样式。

作者: KongHuLu   发布时间: 2011-08-05

引用 2 楼 mubeibei 的回复:

HTML code
<html>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>
p{font-family:"宋体";}
p .s_01{ font-family:"Arial Black";}
……


V

作者: EthanQ   发布时间: 2011-08-05

热门下载

更多