0

所以，在我的博客上，我经常在标题中同时使用英语单词和希伯来语、阿拉伯语和希腊语单词。我希望英语单词是一种特定的字体（例如，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;
}
4

1 回答 1

0

字体系列后备

最基本的方法是创建字体系列后备。这仅适用于每种语言的字体（SBL 希伯来语无法呈现阿拉伯语或英语，传统阿拉伯语无法呈现英语等）

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

还有一个工作示例：http: //jsfiddle.net/cWzwT/

语言属性

您还可以尝试这篇文章中显示的以下方法 -国际化语言 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;
}

进一步阅读：

于 2013-08-17T06:28:20.493 回答