css - Firefox 上的字体问题

Question

我在 firefox 中遇到字体问题。字母之间存在高度差，字母变形。

请查看此页面(查看艺术家姓名):http://www.fipradio.fr/archives-antenne

在我的电脑上，字符显示为它们在这张图片上的样子:

在这种情况下，字体名称是:“Montserrat”。

我在分配以下属性时遇到问题:

#myText {
  text-transform: uppercase;
  font-weight: bold;
}

谁能给我解决这个问题的方法？

提前致谢

米凯尔

Answer 1

假设您使用的是 google 字体，请使用以下链接包含字体的普通和粗体变体

<link href='https://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>

然后针对您的样式进行以下更改:

#myText {
  text-transform: uppercase;
  font-weight: 800;
}

祝你好运，玩得开心!