V2EX = way to explore
V2EX 是一个关于分享和探索的地方
现在注册
已注册用户请  登录
ellic
V2EX  ›  字体排印

网页中如何分别给中英文设置不同的字体?

  •  
  •   ellic · 2012-04-10 16:22:04 +08:00 · 8010 次点击
    这是一个创建于 4591 天前的主题,其中的信息可能已经有所发展或是发生改变。
    就是能分别给中英文设置不同的字体,举个例子,给网页所有英文数字都设置为“Times New Roman”,而中文设置为雅黑(只是举个例子)。

    因为我想通过css来控制时,如果Times New Roman放在首位时,中文就会变成默认的字体了,即使紧接着Times New Roman后面的是Yahei。

    大家知道怎么处理比较好吗?谢谢。
    19 条回复    1970-01-01 08:00:00 +08:00
    bhuztez
        1
    bhuztez  
       2012-04-10 16:32:51 +08:00
    lang=en lang=zh ?
    Sivan
        2
    Sivan  
       2012-04-10 16:36:28 +08:00
    没看懂,但是可以按一楼说的
    :lang(zh) 这样来区分
    lianghai
        3
    lianghai  
       2012-04-10 16:39:17 +08:00 via iPad
    你是在 IE 里测试的吗?哪个版本?
    lianghai
        4
    lianghai  
       2012-04-10 16:40:11 +08:00 via iPad
    :lang 不适合处理这个问题。
    ellic
        5
    ellic  
    OP
       2012-04-10 16:41:53 +08:00
    @Sivan 就是英文和数字显示的是一种字体,而中文显示的另外一种字体。
    ellic
        6
    ellic  
    OP
       2012-04-10 16:42:41 +08:00
    @lianghai 嗯,lang是不行的,设置lang=zh的话中文还是会显示默认字体的。


    得在IE里测试,版本是IE9 >_<
    sobigfish
        7
    sobigfish  
       2012-04-10 16:43:39 +08:00
    呃,chorme下没有问题 ie8失败

    第1行是Roman先
    第2行是yahei先
    第3行是默认
    ellic
        8
    ellic  
    OP
       2012-04-10 16:47:17 +08:00
    @sobigfish 嗯 跟浏览器有些关系,但得IE支持才行哎。
    infinte
        9
    infinte  
       2012-04-10 16:49:53 +08:00
    @ellic IE 6 7 不支持
    IE8 以上 没问题
    sobigfish
        10
    sobigfish  
       2012-04-10 16:56:33 +08:00
    也许有些web font有可能解决问题 试试先 google webfont 在ie8下失败了
    谁试试typekit啊
    bhuztez
        11
    bhuztez  
       2012-04-10 16:59:40 +08:00
    我感觉要搞定不同平台的字体和CSS几乎是个不可能的任务,也许还不如不设字体,不用CSS ?
    lianghai
        12
    lianghai  
       2012-04-10 16:59:54 +08:00 via iPad
    请各位不要用 web font 的事情添乱了,这里遇到的是很常见的 IE 对 font-family 列表的理解问题。
    楼主的 CSS 是怎么写的?我也记得这个问题在 IE9 里似乎解决了。
    ellic
        13
    ellic  
    OP
       2012-04-10 17:01:43 +08:00
    @infinte 因为我需要在Windows Phone的手机浏览器上显示内容,我发现通过设置font-family:Times New Roman,DengXian; 结果是英文变成了Times New Roman,但中文却变成了默认的雅黑(我的计划让中文变成等线字体的,如果放DengXian在前面即可,只是这个英文也成了等线的,不好看)
    ellic
        14
    ellic  
    OP
       2012-04-10 17:03:11 +08:00
    @lianghai body{ padding: 10px; font-family:Calibri,DengXiani; font-size:13px; background: #fff; }

    那有可能是跟手机IE有关了,可能不支持了。
    lianghai
        15
    lianghai  
       2012-04-10 17:10:08 +08:00 via iPad
    @ellic:「DengXiani」?CSS 里把字体名写错了?而且这不是 IE9 Mobile 吗?到底是要调试 IE9 还是 IE9 Mobile 啊?
    ellic
        16
    ellic  
    OP
       2012-04-10 17:30:40 +08:00
    @lianghai 嗯 这里错了,拷过来的时候弄错,css文件里是正确的。 调试的是Windows Phone里面的IE,那个也是IE9的内核。Windows Phone里面有DengXian这个字体,是可以正常显示的。
    sobigfish
        17
    sobigfish  
       2012-04-10 17:31:47 +08:00
    @lianghai 本来就是在找IE下这个bug的解决方案啊。。。还是有好多用户不升级IE的。你不可能要求用户为了你的网站而升级浏览器吧?
    zhangdiwaa
        18
    zhangdiwaa  
       2012-04-10 17:47:35 +08:00
    都用雅黑得了。
    在一个标签下将英文中文显示格式分开真的略显蛋痛。大部分浏览器都不能支持。
    ellic
        19
    ellic  
    OP
       2012-04-10 17:52:13 +08:00
    @zhangdiwaa 雅黑很难看。实在是接受不了的。
    关于   ·   帮助文档   ·   博客   ·   API   ·   FAQ   ·   实用小工具   ·   4466 人在线   最高记录 6679   ·     Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 · 24ms · UTC 05:34 · PVG 13:34 · LAX 21:34 · JFK 00:34
    Developed with CodeLauncher
    ♥ Do have faith in what you're doing.