2016-04-26 63 views
0

我见过的最古怪的CSS问题之一。 .product-bottom和.product-title类具有font-family: Roboto。这在IE和Chrome中显示得很好。检查Firefox中的元素,该字体显然是用在元素上,并在其他元素的整个网站中成功使用。只能在Firefox中更改字体

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

该网站[修正后删除]。

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

Screenshot of the font issue in FF.

+0

不是一个链接到你的网站相反,请提供[MVCE(http://stackoverflow.com/help/mcve )。 – Shaggy

回答

1

禁用

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

,它看起来很好。全角值只是实验性的,主要用于像中文这样的方形字母。

+0

感谢您对全角的解释。 – Joshua

1

Replease这个CSS:

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

与此:

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