HTML - 特殊字母加粗/突出显示？

Question

我在我的页面上制作了语言导航。英语，俄语和瑞典语是语言，标题是他们自己的语言。

英语和瑞典语的正常字母表显示正常，但俄语字母似乎是粗体/突出显示，就像它会被选中一样。

＆＃13;

＆＃13;

#lang {}

#lang a {
  position: relative;
  display: inline-block;
  color: #fff;
  width: 1em;
  height: 1em;
  line-height: 0.9em;
  margin-right: 40px;
}

#lang a.icon:before {
  padding-right: 0;
}

＆＃13;

<nav id="lang">
  <a href="#en" class="fa fa-flag"><span>In English</span></a>
  <a href="#rus" class="fa fa-flag"><span>По русски</span></a>
  <a href="#swe" class="fa fa-flag"><span>På Svenska</span></a>
</nav>

＆＃13;

＆＃13;

＆＃13;

Answer 1

您的字体不支持俄语字符，因此浏览器会回退到可以使用的字体。它所回归的字体与Source Sans的厚度不同，因此看起来很粗体。您需要选择支持西里尔字母和罗马字母的字体，或者找到与源Sans一致的西里尔字体。

有关一些建议，请参阅here。 （出于某种原因，它将西里尔语称为语言，但它有很好的建议。）