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

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

Typography Sites

› Hoefler & Frere-Jones

› Google Web Fonts

› 方正字库开放云平台

› Type is Beautiful

这是一个创建于 4391 天前的主题，其中的信息可能已经有所发展或是发生改变。

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

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

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

Times

Roman

new

19 条回复 • 1970-01-01 08:00:00 +08:00

bhuztez

2012-04-10 16:32:51 +08:00

lang=en lang=zh ?

Sivan

2012-04-10 16:36:28 +08:00

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

lianghai

2012-04-10 16:39:17 +08:00 via iPad

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

lianghai

2012-04-10 16:40:11 +08:00 via iPad

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

ellic

2012-04-10 16:41:53 +08:00

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

ellic

2012-04-10 16:42:41 +08:00

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

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

sobigfish

2012-04-10 16:43:39 +08:00

呃，chorme下没有问题 ie8失败

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

ellic

2012-04-10 16:47:17 +08:00

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

infinte

2012-04-10 16:49:53 +08:00

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

sobigfish

2012-04-10 16:56:33 +08:00

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

bhuztez

2012-04-10 16:59:40 +08:00

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

lianghai

2012-04-10 16:59:54 +08:00 via iPad

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

ellic

2012-04-10 17:01:43 +08:00

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

ellic

2012-04-10 17:03:11 +08:00

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

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

lianghai

2012-04-10 17:10:08 +08:00 via iPad

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

ellic

2012-04-10 17:30:40 +08:00

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

sobigfish

2012-04-10 17:31:47 +08:00

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

zhangdiwaa

2012-04-10 17:47:35 +08:00

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

ellic

2012-04-10 17:52:13 +08:00

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