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

Question

我的HTML文本是这样的:

<p>abcdefghijklmnopqrstuvwxyz</p>

我想要的是显示使用"Times New Roman",并使用"Courier New"显示oz,这应该使用CSS完成,比如说,不改变HTML文本.

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

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

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

Answer 1

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

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

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

<style>
@font-face {
    font-family: Foobar;
    src: local('Times New Roman');
    unicode-range: U+61-6E;
}
@font-face {
    font-family: Foobar;
    src: local('Arial');
    unicode-range: U+6F-7A;
}
body{
  font-family:Foobar;
}
</style>
<p>abcdefghijklmnopqrstuvwxyz</p>?