Question

所以，在我的博客上，我经常在标题中使用英文单词和希伯来语，阿拉伯语和希腊语单词。我希望英语单词是特定字体（例如，Calibri），希伯来语单词是特定字体（例如，SBL希伯来语），阿拉伯语单词是特定字体（例如，传统阿拉伯语）。等等。

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

这是我目前的h1标题的HTML代码：

h1.entry-title,
h1.archive-title {
    color: #333;
    font-family: Hebrew, "SBL Hebrew", "Times New Roman", serif;
    font-size: 2.2em;
    font-size: 28px;
    font-weight: 200;
    line-height: 1.25em;
    margin: 1em 0 0.4em 0;
    text-align: center;
}

Answer 1

字体系列回退

最基本的方法是创建font-family后备。这只适用于每种语言的字体（SBL Hebrew不能呈现阿拉伯语或英语，Rraditional Arabic不能呈现英语等）。

font-family: "SBL Hebrew", "Traditional Arabic", Calibri;

一个有效的例子： http://jsfiddle.net/cWzwT/

lang属性

您还可以尝试使用此帖子中显示的以下方法 - Internationalization Language CSS：

:lang(he) { font-family: "SBL Hebrew" }
:lang(ar) { font-family: "Traditional Arabic" }

使用此处显示的:lang方法与大多数现代浏览器兼容，因此它应该可以解决问题。它可能需要在元素中添加lang属性，因此我不知道这是否完全适合您的问题。

<强> Unicode的范围

另一种更通用的方法是使用unicode-range。例如

@font-face {
    font-family: "SBL Hebrew";
    unicode-range: U+05-90, U+05-FF;
}

进一步阅读：

Creating Custom Font Stacks with Unicode-Range
Can CSS choose a different default font and size depending on Language
Here是一张包含unicode范围的表。

在标题中包含两种不同字体的任何方法（例如，<h1>，</h1> <h2>等）？</h2>

1 个答案: