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

时间：2022-07-05 05:48:25
比如有一句话：“这是第12篇english文章”
其中中文、数字、英文想分别用3种不同的字体，该怎么办？

10 个解决方案

#1

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


用逗号隔开就行了~·

#2

<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>  

#3

引用 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

#4

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

#5

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

#6

引用 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

#7

font-family:"Arial","Tahoma","微软雅黑","雅黑";

#8

引用 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

#9

5楼的对
设置一个全局的font-famili属性用来做中文
然后用正则表达式分别匹配出英文和数字
然后在两边加上例如<span class="number"></span>的东西

#10

引用 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

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


用逗号隔开就行了~·

#2

<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>  

#3

引用 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

#4

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

#5

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

#6

引用 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

#7

font-family:"Arial","Tahoma","微软雅黑","雅黑";

#8

引用 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

#9

5楼的对
设置一个全局的font-famili属性用来做中文
然后用正则表达式分别匹配出英文和数字
然后在两边加上例如<span class="number"></span>的东西

#10

引用 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";}
 ……

++~其实很简单
标签：

相关文章