如何在拖曳语言中使用不同的字体？

Question

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

Answer 1

@import css font-family

您可以使用@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