用Css实现英文中文采用不同样式


其实很简单,就是先定义一个英文字体再定义中文字体,这是因为英文字体中一般不含有中文,执行的时候就自动采用了含有中文的字体也就是第二个字体。比如,可以这样来定义WordPress中的中英文字体:

  1. body{
  2.     font-family: Verdana,"微软雅黑",Sans-serif;
  3. }

*需要注意的是,这样的做法对符合网页规范的浏览器比如Firefox虽然有效,但对IE6、IE7甚至是IE8beta2都会导致中文字体设定无效,也就是说,这样的办法对于微软的IE系列来说等于不设置中文字体,而只是采用系统默认的“宋体”来显示网页内容。当然,也可以指定两个class分别分配给中文和英文内容,这样就可以对IE也实现如上的字体效果,并可以为中英文的显示进行更详细的定制(比如字号等属性),但缺点是这样的做法比较繁杂,使用上不太方便,特别是对博客这样的中英文混编的文章内容来说更是麻烦。所以,看起来最好的办法就是,指望微软改恶从善,或是希望网页的拜访者们都赶紧抛弃Internet Explorer……

当然也能用JavaScript+Css来实现这个效果,实现方式可以参考经典论坛上的相关帖子: 点这里,貌似也不是特别简单。

已有 2 条评论

  1. @白痴Blog,您和您的名字比较接近了。

  2. 低能,IE是浏览器中最规范经典的

我也说两句儿......