V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
youla
V2EX  ›  程序员

请教关于 css font-family,一个 DIV,可不可以让中文,英文显示不同的字体?

  •  
  •   youla · 2021-01-04 11:05:48 +08:00 · 1790 次点击
    这是一个创建于 1180 天前的主题,其中的信息可能已经有所发展或是发生改变。

    想要中文默认字体,英文宋体

    <style>
    	.div{
    		font-family:"..."
    	}
    </style>
    
    <div class="div">
    	你们好,Sons!
    </div>
    
    
    

    不会只能是 fontmin 了吧

    第 1 条附言  ·  2021-01-04 12:01:37 +08:00
    # unicode-range
    第 2 条附言  ·  2021-01-04 12:01:45 +08:00

    unicode-range

    21 条回复    2021-01-09 12:49:06 +08:00
    Loserzhu
        1
    Loserzhu  
       2021-01-04 11:10:35 +08:00   ❤️ 1
    加个类名.zh-CN, .en,.ko,.ja 这样的,显示对应的字体
    3yak
        2
    3yak  
       2021-01-04 11:16:41 +08:00
    font-family: 英文字体,中文字体; 就行了
    youla
        3
    youla  
    OP
       2021-01-04 11:19:18 +08:00
    补充::我使用的英文字体,是包含中英文的字体。
    youla
        4
    youla  
    OP
       2021-01-04 11:20:01 +08:00
    @Loserzhu 这个不是 css 规定的语法吧
    Loserzhu
        5
    Loserzhu  
       2021-01-04 11:25:46 +08:00
    @youla 肯定不是啊,这只是一种解决办法,判断显示语言 添加类名还是要写的
    youla
        6
    youla  
    OP
       2021-01-04 11:26:52 +08:00
    @Loserzhu 我说的是,中英文同时在一个 div 显示,那样写肯定会啊。
    youla
        7
    youla  
    OP
       2021-01-04 11:28:32 +08:00
    <div>hello,我的</div>让这两个字,字体不一样,估计是只能 fontmin 了,因为我引用的字体实际上是包含中英文的字体,不是单独的中文或英文字体
    daief
        8
    daief  
       2021-01-04 11:55:52 +08:00   ❤️ 2
    试试 unicode-range
    youla
        9
    youla  
    OP
       2021-01-04 12:01:27 +08:00
    @daief wonderful
    hbolive
        10
    hbolive  
       2021-01-04 15:53:18 +08:00
    了解了,还真没注意这事。。
    myCupOfTea
        11
    myCupOfTea  
       2021-01-04 16:51:49 +08:00
    那你把中文字体放前面就行了
    myCupOfTea
        12
    myCupOfTea  
       2021-01-04 16:52:21 +08:00
    font-family: 中文字体,英文字体
    youla
        13
    youla  
    OP
       2021-01-04 16:57:07 +08:00
    @myCupOfTea 都说了包含中英文,这样写是没用的,除非只包含一种语言。
    dd112389
        14
    dd112389  
       2021-01-04 17:32:42 +08:00
    font-face 这个东西, 用的时候要注意下字体版权嗷.
    小心被告....
    youla
        15
    youla  
    OP
       2021-01-04 18:15:54 +08:00
    @dd112389 谢谢提醒,字体我都随便用的,因为个人网站不盈利,通常不会有问题。
    source
        16
    source  
       2021-01-05 14:32:01 +08:00
    提供一个思路:可以自己编辑下字体,重新生成一个混合字体,包括 A 的英文+B 的中文
    myCupOfTea
        17
    myCupOfTea  
       2021-01-09 08:47:55 +08:00
    @youla ? 你中文字体只要不包含英文的格式会自动讲解到后面的字体
    myCupOfTea
        18
    myCupOfTea  
       2021-01-09 08:50:24 +08:00
    同样的 如果前面的字体包缺少某些字体,后面补上一个包含它的字体包,无格式的字体会自动退化到后面包含他的字体包
    myCupOfTea
        19
    myCupOfTea  
       2021-01-09 08:53:45 +08:00
    比如 Consolas, 'Courier New', monospace, Cascadia Code PL,CaskaydiaCovePL NF
    Consolas 不支持 PowerLine 后面补上了 Cascadia Code PL 是支持 PowerLine 的,其他的字体都用的 Consolas,但是 PowerLine 格式的字体用的 Cascadia Code PL
    字体可以改造下字体包,把中文字体包内的因为字符去掉就好了
    myCupOfTea
        20
    myCupOfTea  
       2021-01-09 08:54:06 +08:00
    @myCupOfTea 因为 -> 英文
    youla
        21
    youla  
    OP
       2021-01-09 12:49:06 +08:00
    @myCupOfTea 都是包含中英文的完整字体,我用 fontmin 去掉了不需要的部分。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   我们的愿景   ·   实用小工具   ·   3298 人在线   最高记录 6543   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 26ms · UTC 10:46 · PVG 18:46 · LAX 03:46 · JFK 06:46
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.