html - 使用 CSS，有什么方法可以使用不同的字体显示不同的字符？

Question

我的 HTML 文本是这样的:

<p>abcdefghijklmnopqrstuvwxyz</p>

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

简单地说，我希望 CSS 自动选择与它是哪个字符对应的指定字体。
a-n 应使用“Times New Roman”显示；
o-z 应该使用“Courier New”显示。

有什么办法可以做到这一点吗？

如果这个问题能解决，另一个问题也能解决:用不同的字体显示不同的语言。

Answer 1

是的，你可以，使用一个叫做 unicode-range 的东西它适用于所有现代网络浏览器:https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face

顺便说一句，更多信息来自 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>​