sigil吧 关注:2,707贴子:15,039
  • 10回复贴,共1

同一行字两种字体,怎么设置css样式

只看楼主收藏回复

例如“9月3日”,数字需要罗马字体,汉字需要圆体,样式需要在css文件内设置,我想的笨办法是
<p><span class='num'>9</span><span class='char'>月</span><span class='num'>3</span><span class='char'>日</span></p>
然后在设置span.num span.char 的样式,但是这样写要在html里写好多标签,请问各位前辈有没有比较简单的方法?


1楼2021-11-16 22:13回复
    粘贴模板,<span class='num'>/1</span>
    改一下''里的元素,再写一条,之后就右键粘贴就好了,效率也高


    IP属地:四川来自Android客户端2楼2021-11-18 16:56
    回复
      谢谢,感觉数量一多还是很麻烦


      来自iPhone客户端3楼2021-11-18 21:32
      收起回复
        善用正则表达式 find&replace 。


        IP属地:广东4楼2021-11-18 23:25
        回复
          查找<p>(\d{1,2})(\w{1})(\d{1,2})(\w{1})</p>
          替换<p>\r<span class='num'\1</span>\r<span class='char'\2</span>\r<span class='num'\3</span>\r<span class='char'\4</span>\r</p>


          IP属地:四川来自Android客户端6楼2021-11-22 12:13
          收起回复
            其实楼上的方案虽然可行,但量多确实麻烦。哪怕用正则也是麻烦。
            更简单的方案,直接设两种字体:
            font-family:font1,font2,
            font1是一个只包含数字的字体,font2是圆体。
            如果需要设的量少,直接用楼上的方案


            IP属地:福建来自Android客户端8楼2021-11-22 20:04
            回复
              CSS:
              font-family:数字字体,圆体。
              数字字体就是你说的罗马字体,只不过这个字体需要提前处理,让它只包含数字。
              圆体则可以不用做任何处理,只是在CSS中引用的顺序必须位于数字字体后面。


              IP属地:福建来自Android客户端9楼2021-11-22 20:07
              回复
                好办法诶,一直纠结p里有好多span看起来太难受了,直接改字体方便多了


                来自iPhone客户端10楼2021-11-23 08:29
                回复