css - 如何在两种语言中使用不同的字体？

Question

在阿拉伯语世界中，我们在文章中使用了一些英文单词，但问题是，当我使用阿拉伯字体时，英文单词变得丑陋，而当我使用英文字体时，阿拉伯语单词变得丑陋。解决办法是什么？ - 抱歉，语言太弱了。

Answer 1

@import css 字体系列

您可以使用 @import导入阿拉伯字体的规则。

@import 允许您将样式表导入另一个样式表。 @import 必须位于文档 (CSS) 的顶部，并且 @import 语句必须在任何选择器之外声明。

这是我对你的问题的解决方案:

@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);
p {
  display: inline;
}

.arabic {
  font-family: 'Amiri', serif;
}


}
.english {
  font-family: Arial;
}

<div>
  <p class="arabic"> مرحبا بالعالم</p>
  <p class="english">Hello world</p>
</div>

可以找到更多阿拉伯语字体at Google Fonts homepage