html – 不同语言的不同字形选择

发布时间：2020-12-14 21:22:05 所属栏目：资源来源：网络整理

导读：任何人都可以解释为什么当我设置lang =“ar”时，字体系列选择sans-serif字体，而当它是lang =“en”时，它选择Open Sans。 html lang="ar"head link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet"/headbody style="fo

任何人都可以解释为什么当我设置lang =“ar”时，字体系列选择sans-serif字体，而当它是lang =“en”时，它选择Open Sans。

<html lang="ar">

<head>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet">
</head>

<body style="font-family: 'Open Sans',sans-serif;">
  ?????? ?????
</body>

</html>

<html lang="en">

<head>
  <link href="https://fonts.googleapis.com/css?family=Open+Sans|Roboto" rel="stylesheet">
</head>

<body style="font-family: 'Open Sans',sans-serif;">
  ?????? ?????
</body>

</html>

解决方法

发生了什么是 Arabic characters are not supported by Open Sans.所以在你的两个片段中，Open Sans根本没有被应用，浏览器直接进入后备字体。

两个片段中字体看起来不同的原因是因为在您的第一个片段中，由于lang标记，浏览器知道该语言是阿拉伯语。它要求系统为阿拉伯语提供最好的sans-serif后备字体，在Mac上这是Geeza Pro Regular。

在您的第二个片段中，浏览器认为该语言是英语，并要求为英语提供最佳的sans-serif后备字体。在Mac上，这是Arial。

Geeza Pro和Arial显然都支持阿拉伯语文本，但根据实际语言，系统会选择其中一种。

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!