luckylion
V2EX  ›  CSS

css 中如何定义不同字体使用不同字号

  •  
  •   luckylion · Jun 13, 2017 · 4003 views
    This topic created in 3264 days ago, the information mentioned may be changed or developed.

    font-family:'隶书','黑体';

    隶书使用 16px,黑体使用 14px

    8 replies    2017-06-13 17:33:52 +08:00
    ChefIsAwesome
        1
    ChefIsAwesome  
       Jun 13, 2017   ❤️ 1
    不能自动的。你得先检查字体是啥,然后加上对应的 class 之类的。
    如何检查字体: http://www.lalit.org/lab/javascript-css-font-detect/
    luckylion
        2
    luckylion  
    OP
       Jun 13, 2017
    @ChefIsAwesome 这种方法适用探测电脑中是否安装了某种字体,我现在情况是某几段文章已使用字蛛自定义过字体了,但要防止以后客户自己改动添加一两个字,导致字体不一致看上去大小不用
    ChefIsAwesome
        3
    ChefIsAwesome  
       Jun 13, 2017
    @luckylion 不太懂你的意思
    ming2050
        4
    ming2050  
       Jun 13, 2017   ❤️ 1
    我看明白了 这个只用 css 貌似有些困难 用 js 应该可以实现了
    luckylion
        5
    luckylion  
    OP
       Jun 13, 2017
    @ChefIsAwesome font-family:'XLL','LiShu';
    <div>科学家说地下有大量水相当于各大洋总水量,真的吗?</div>
    "科学家说地下有大量水相当于各大洋总水量"使用的是 XLL 字体
    "真的吗"这 3 个字 XLL 字体中没有这几个字,那么就使用 LiShu 字体显示出来,字号大小需要改变下
    luckylion
        6
    luckylion  
    OP
       Jun 13, 2017
    @mringg 希望能 css 能实现,内容太多 用 JS 的话 CPU 要狂飙了
    IJustmaogepao
        7
    IJustmaogepao  
       Jun 13, 2017
    在‘真的吗’加 span 再定义 style ?
    sutking
        8
    sutking  
       Jun 13, 2017 via iPhone
    CSS 就是选择器的概念,所以你必须给你的对象起好名字才能定义它
    About   ·   Help   ·   Advertise   ·   Blog   ·   API   ·   FAQ   ·   Solana   ·   983 Online   Highest 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 30ms · UTC 22:18 · PVG 06:18 · LAX 15:18 · JFK 18:18
    ♥ Do have faith in what you're doing.