如何使用两种不同语言的两种字体,如英语和波斯语(波斯语)?

Mos*_*ami 2 html css font-face lang

想象一下,你想设计一个向伊朗人学习英语的网站(波斯语(波斯语)).英语和波斯语(波斯语)在字母表中没有任何相似之处,因为波斯语是左倾的,英语是左倾的,完全不同.我没有找到任何标签为所有波斯语(波斯语)单词设置一种字体,为所有英语单词设置其他字体.例如,为波斯语设置B-Nazanin并自动设置Times New Roman为英语,不需要每次都为每个单词定义字体.只需定义一次这些字体.我们能做什么 ?感谢名单

Has*_*ami 8

一种可能的选择是,当网站以波斯语显示时,为文档中的任何其他元素提供lang="fa-IR"属性/值<html>.

因此,您可以使用[lang|="fa"]选择器覆盖CSS声明.

例如:

[lang|="fa"] p { font-family: "B-Nazanin"; }
Run Code Online (Sandbox Code Playgroud)
<html lang="fa-IR">
  <p> ???? ???? </p> 
</html>
Run Code Online (Sandbox Code Playgroud)

要么:

p[lang|="fa"] { font-family: "B-Nazanin"; }
Run Code Online (Sandbox Code Playgroud)
<p>Hello World!</p>
<p lang="fa-IR">???? ????!</p>
Run Code Online (Sandbox Code Playgroud)


小智 6

您可以使用以下链接来实现此目的:

在CSS规则中使用不同字体的网页中显示两种语言的文本

@font-face { /* Persian Font */
        font-family: 'MyFont';
        src: url(Fonts/BYekan.ttf);
        unicode-range:U+0600-06FF;
    }
@font-face { /* english font */
        font-family: 'MyFont';
        src: url(Fonts/ALGER.TTF);
        unicode-range: U+0020-007F;
    }
Run Code Online (Sandbox Code Playgroud)

用法:

 body{
  font-family: 'MyFont';}
Run Code Online (Sandbox Code Playgroud)

提示:对于不同的语言,您可以使用不同的“unicode-range”。


小智 0

使用B-Nazanin或其他用于波斯语内容并用于Open sans英语内容。

如果您想设置B-nazanin为波斯语并设置open sans为英语,请在 css 中尝试以下代码:

body{
  font-family: "Open sans","B-nazanin";
}
Run Code Online (Sandbox Code Playgroud)