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

Question

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

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

#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;
}

<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>

Answer 1

您的字体不支持俄语字符，因此浏览器正在回退到支持的字体。它回退到的字体与 Source Sans 的粗细不同，因此看起来很粗。您需要选择一种同时支持西里尔字母和罗马字母的字体，或者找到一种适合 Source Sans 的西里尔字体。

参见 here一些建议。 (出于某种原因，它指的是西里尔文作为一种语言，但它有很好的建议。)