小编Ale*_*hah的帖子

跨浏览器Semibold字体问题

我使用字体"Signika"为我的网络应用程序.该设计在Adobe Illustrator文件中提供,其中使用了"Signika Semibold"字体.

第一种方法:

我已申请,font-family: Signika Semibold仅在Chrome上以半粗体显示.Firefox和IE以正常的字体粗细显示文本.

JS小提琴

HTML

<p class="semi">
  Abcd Efgh
</p>    
Run Code Online (Sandbox Code Playgroud)

CSS

.semi{
  font-family:'Signika Semibold';
  font-size:14px;
}
Run Code Online (Sandbox Code Playgroud)

第二种方法:

我申请font-family: Signika并给font-weight: 500了semibold.但是在Chrome上它显示为粗体而不是Semibold.

JS小提琴

HTML

<p class="weight">
  Abcd Efgh
</p>    
Run Code Online (Sandbox Code Playgroud)

CSS

.weight{
  font-family:'Signika';
  font-weight:500;
  font-size:14px;
}
Run Code Online (Sandbox Code Playgroud)

是否有解决方法来解决此问题?

html css fonts

13
推荐指数
2
解决办法
1300
查看次数

标签 统计

css ×1

fonts ×1

html ×1