无法仅在Firefox中更改字体

时间:2016-04-26 08:46:38

标签: css fonts

我见过的最棘手的CSS问题之一。 .product-bottom和.product-title类具有font-family: Roboto。这在IE和Chrome中显示正常。检查Firefox中的元素,该字体显然在元素上使用,并在整个站点中成功用于其他元素。

检查元素时编辑font-family属性对它没有影响。计算出的css值显示未使用!important。在font-family上的检查器中使用时,它没有任何影响。虽然有很多CSS警告,但没有jQuery或CSS错误。

该网站[修复后删除]。

FF中字体问题的屏幕截图。问题文字是:"灰色头发颜色身体波浪人发编织"

Screenshot of the font issue in FF.

2 个答案:

答案 0 :(得分:1)

禁用

.product-title {
  text-transform: full-width;
}

它看起来很好。全宽度值仅是实验性的,主要用于像中文一样使用方形字母。

答案 1 :(得分:1)

请注意这个css:

.product-title {
  text-transform: capitalize;
}

用这个:

RxString = serialPort1.ReadLine();