我使用字体“Signika”为我的网络应用程序.该设计是在Adobe Illustrator文件中提供的,它们使用的字体是“Signika Semibold”.

第一种方法：

我应用了font-family：Signika Semibold,但它只能在Chrome上使用半粗体. Firefox和IE以正常的字体重量显示文本.

JS Fiddle

HTML

<p class="semi">
  Abcd Efgh
</p>

CSS

.semi{
  font-family:'Signika Semibold';
  font-size:14px;
}

第二种方法：

我应用了font-family：Signika并给出了font-weight：500的半字节.但是,它在Chrome上显示为粗体而不是Semibold.

JS Fiddle

HTML

<p class="weight">
  Abcd Efgh
</p>

CSS

.weight{
  font-family:'Signika';
  font-weight:500;
  font-size:14px;
}

是否有解决方法来解决这个问题？