Es scheint keinen Unterschied zwischen 'font-weight: normal' und 'font-weight: bold' in Google Chrome (und wahrscheinlich Safari) zu geben. Hat jemand eine Möglichkeit gefunden, das "font-weight: thinner" in Chrome so aufzurufen, wie es Firefox tut?Wie bekomme ich "font-weight: lighter" in Google Chrome?
Dies scheint ein known issue in Chrome in neueste Entwicklung fixiert zu sein baut:
Es gibt eine temporary workaround ist, können Sie auch versuchen:
die
font-weightEigenschaft auf einer@font-faceSchrift zu ermöglichen, die nicht der Fall ist Haben Sie eine fettgedruckte Schriftart definiert, müssen Sie in der@font-faceDefinitionfont-weight:normal;undfont-style:normal;explizit definieren. Beispiel:
@font-face {
font-family: 'GriffosFont Regular';
font-weight: normal;
font-style: normal;
src: url('fonts/GriffosFont.eot');
src: local('GriffosFont Regular'), local('GriffosFont'), url('fonts/GriffosFont.woff') format('woff'), url('fonts/GriffosFont.\
ttf') format('truetype'), url('fonts/GriffosFont.svg#GriffosFont') format('svg');
}
font-weight: lighter; war nicht für mich arbeiten, so habe ich font-weight: normal; statt, was für meine Zwecke gearbeitet. nicht sicher, ob jetzt mit Chrom los, was ...
Beachten Sie, dass 'font-weight: lighter' macht die Schrift "einen Schritt" heller, so dass ein Element, das Fettschrift erbt, stattdessen mit normalem Schriftgewicht dargestellt wird. Wenn Sie eine bestimmte Schriftgröße im Auge haben, ist es besser, sie direkt anzugeben. 'font-weight: 200' ergibt eine helle Schrift. – Henrik
Ich stimme zu. Für das, was es wert ist, zum Zeitpunkt dieses Beitrags, 'font-Weight: Feuerzeug;' funktionierte nicht in Chrom. Ich konnte durch meine Commits graben, um die genaue Version von Chrome zu finden, die den Bug hatte und ich bin mir sicher, dass es inzwischen repariert wurde (fünf Jahre später). – teewuane
Vielleicht müssen Sie fügen Sie diese zu Ihrer CSS:
* {-webkit-font-smoothing: antialiased;}
+1, ein guter Fund =) –