2016-04-26 3 views
0

Eines der seltsamsten CSS-Probleme, die ich gesehen habe. Die Klassen .product-bottom und .product-title haben die font-family: Roboto. Dies wird in IE und Chrome angezeigt. Wenn Sie die Elemente in Firefox überprüfen, wird die Schriftart offensichtlich für das Element verwendet und in der gesamten Site in anderen Elementen erfolgreich verwendet.Kann Schriftart nur in Firefox nicht ändern

Das Bearbeiten der Schriftfamilienattribute beim Überprüfen des Elements hat keine Auswirkungen darauf. Die berechneten css-Werte zeigen !important wird nicht verwendet. Wenn sie im Inspektor der Schriftfamilie verwendet wird, hat sie keine Auswirkungen. Es gibt keine jQuery- oder CSS-Fehler, obwohl es viele CSS-Warnungen gibt.

Die Website ist [nach der Korrektur entfernt].

Screenshot der Schriftart Problem in FF. Problem Text lautet: "Grau Haarfarbe Körper-Wellen-Menschenhaar-Webart"

Screenshot of the font issue in FF.

+0

Anstatt einen Link zu Ihrer Website, geben Sie bitte eine [MVCE] (http://stackoverflow.com/help/mcve). – Shaggy

Antwort

1

Disable

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

und es sieht gut aus. Der Wert für die volle Breite ist nur experimentell und sollte hauptsächlich mit quadratischen Buchstaben wie in Chinesisch verwendet werden.

+0

Danke für diese Erklärung der vollen Breite. – Joshua

1

Replease dieser css:

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

mit diesem:

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