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

[ellic]

就是能分别给中英文设置不同的字体，举个例子，给网页所有英文数字都设置为“Times New Roman”，而中文设置为雅黑（只是举个例子）。

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

大家知道怎么处理比较好吗？谢谢。

[bhuztez]

lang=en lang=zh ?

[Sivan]

没看懂，但是可以按一楼说的
:lang(zh) 这样来区分

[lianghai]

你是在 IE 里测试的吗？哪个版本？

[lianghai]

:lang 不适合处理这个问题。

[ellic]

@Sivan 就是英文和数字显示的是一种字体，而中文显示的另外一种字体。

[ellic]

@lianghai 嗯，lang是不行的，设置lang=zh的话中文还是会显示默认字体的。


得在IE里测试，版本是IE9 >_<

[sobigfish]

呃，chorme下没有问题 ie8失败

第1行是Roman先
第2行是yahei先
第3行是默认

[ellic]

@sobigfish 嗯 跟浏览器有些关系，但得IE支持才行哎。

[infinte]

@ellic IE 6 7 不支持
IE8 以上 没问题

[sobigfish]

也许有些web font有可能解决问题 试试先 google webfont 在ie8下失败了
谁试试typekit啊

[bhuztez]

我感觉要搞定不同平台的字体和CSS几乎是个不可能的任务，也许还不如不设字体，不用CSS ?

[lianghai]

请各位不要用 web font 的事情添乱了，这里遇到的是很常见的 IE 对 font-family 列表的理解问题。
楼主的 CSS 是怎么写的？我也记得这个问题在 IE9 里似乎解决了。

[ellic]

@infinte 因为我需要在Windows Phone的手机浏览器上显示内容，我发现通过设置font-family:Times New Roman,DengXian; 结果是英文变成了Times New Roman，但中文却变成了默认的雅黑(我的计划让中文变成等线字体的，如果放DengXian在前面即可，只是这个英文也成了等线的，不好看)

[ellic]

@lianghai body{ padding: 10px; font-family:Calibri,DengXiani; font-size:13px; background: #fff; }

那有可能是跟手机IE有关了，可能不支持了。

[lianghai]

@ellic：「DengXiani」？CSS 里把字体名写错了？而且这不是 IE9 Mobile 吗？到底是要调试 IE9 还是 IE9 Mobile 啊？

[ellic]

@lianghai 嗯 这里错了，拷过来的时候弄错，css文件里是正确的。 调试的是Windows Phone里面的IE，那个也是IE9的内核。Windows Phone里面有DengXian这个字体，是可以正常显示的。

[sobigfish]

@lianghai 本来就是在找IE下这个bug的解决方案啊。。。还是有好多用户不升级IE的。你不可能要求用户为了你的网站而升级浏览器吧？

[zhangdiwaa]

都用雅黑得了。
在一个标签下将英文中文显示格式分开真的略显蛋痛。大部分浏览器都不能支持。

[ellic]

@zhangdiwaa 雅黑很难看。实在是接受不了的。