html – 使用CSS,有没有办法用不同的字体显示不同的字符？

我的HTML文本是这样的：

nopqrstuvwxyz

我想要的是使用“Times New Roman”显示a-n,并使用“Courier New”显示o-z,这应该使用CSS来完成,比如说,不改变HTML文本.

简单地说,我希望CSS自动选择与其所属字符对应的指定字体.
应使用“Times New Roman”显示a-n;
使用“Courier New”显示o-z shoule.

有没有办法实现这个目标？

如果可以解决这个问题,可以解决另一个问题：使用不同的字体显示不同的语言.

最佳答案

看起来你可以,至少在某些浏览器中,使用名为unicode-range Welll的东西,这在Chrome中使用,而且令人惊讶的是IE. Firefox和Opera没有这样的运气.

顺便说一下,关于这个的更多信息来自http://24ways.org/2011/unicode-range

实例：http://jsfiddle.net/jfcox/3LQyr/

unicode-range: U+61-6E;
}
@font-face {
    font-family: Foobar;
    src: local('Arial');
    unicode-range: U+6F-7A;
}
body{
  font-family:Foobar;
}
nopqrstuvwxyz