如何使font-face渲染更大？

Question

使用CSS，我使用這一行來設置雙語元素的樣式：

 font-family:persianFont, englishFont;

persianFont和englishFont都是用@font-face定義的。 問題是，使用englishFont的字符顯示得更大，因為字體已被創建為如此。 樣本句子將呈現如下：

BIG_ENGLISH_WORDS_small_persian_BIG_ENGLISH_AGAIN ...

所以，我的問題是如何讓persianFont變得更大（ 使它具有更大的規模 ），這樣一條雙語波斯語 - 英語句子在相同的大小中正確顯示？ 這有可能嗎？ 還有其他解決方案嗎？

提前致謝

Answer 1

我建議單獨創建一個跨度並增加字體大小作為理想的解決方案。

如果我假設你的body的默認font-size為12px ，那么你需要增加跨度大小。

例如，

span{
     font-size:14px;
}

從您的示例中，對於Instance，

<p>BIG_ENGLISH_WORDS_<span>small_persian</span>_BIG_ENGLISH_AGAIN...</p>

希望這可以幫助。

PS：你可以通過創建一個類或一個id選擇器來做同樣的事情。

Answer 2

我終於理解了你的意思。 我想你應該看一下unicode-range CSS屬性。 它可能還沒有足夠的瀏覽器支持，但這也取決於您的目標受眾。 Chrome至少擁有令人滿意的支持。

我記得在24ways.org上閱讀過它。 以下是Drew McLellan撰寫的文章（ http://24ways.org/2011/creating-custom-font-stacks-with-unicode-range/ ）

unicode-range描述符旨在幫助使用不完全覆蓋頁面中使用的字符的字體。 通過向@font-face規則添加unicode-range屬性，可以指定字體覆蓋的字符范圍。

@font-face {
    font-family: BBCBengali;
    src: url(fonts/BBCBengali.ttf) format("opentype");
    unicode-range: U+00-FF;
}

在此示例中，字體將用於U+00到U+FF范圍內的字符，該字符從Unicode表格開頭的非激動控制字符開始運行（符號如感嘆號從U+21開始）直到ÿ在U+FF - 基本拉丁字符范圍的范圍。

通過為同一系列添加多個@font-face規則但具有不同范圍，您可以使用不同的字體構建頁面使用的字符的完整覆蓋范圍。

理查德· 伊希達 （ Richard Ishida ）也有一篇關於unicode-range 文章，附有我在JsFiddle上發布的測試用例 。

[編輯]

因此，下一步是識別與波斯語對應的Unicode代碼點，並制作CSS規則，如上所述，針對這些代碼點並相應地更改字體大小。