在Firefox上使用Font的问题

时间:2015-11-18 13:29:29

标签: css firefox fonts uppercase google-font-api

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

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

在我的计算机上,字符显示在此图像上: enter image description here

在这种情况下,字体名称为:“Montserrat”。

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

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

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

提前谢谢,

的Mickaël

2 个答案:

答案 0 :(得分:0)

假设您使用的是谷歌字体,请使用以下链接添加字体的正常和粗体变体

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

然后为您的风格进行以下更改:

#myText {
  text-transform: uppercase;
  font-weight: 800;
}
祝你好运,玩得开心!

答案 1 :(得分:0)

使用“CSS3 font-size-adjust”属性解决了我的问题(仅适用于mozilla)

CSS3 font-size-adjust Property

Thankz