Non sembra esserci alcuna differenza tra "font-weight: normal" e "font-weight: bold" in Google Chrome (e probabilmente Safari). Qualcuno ha trovato un modo per invocare il 'font-weight: thinner' in Chrome come fa Firefox?Come posso ottenere "font-weight: lighter" per funzionare in Google Chrome?
Questo sembra essere un known issue in Chrome fissato nella ultima build di sviluppo:
C'è un temporary workaround si può anche provare:
Per abilitare la proprietà
font-weightsu un tipo di carattere che non fa@font-faceavere un carattere grassetto definito, è necessario definire in modo esplicito efont-style:normal;nella definizione@font-face. Esempio:
@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; non funzionava per me quindi ho usato font-weight: normal; invece, che ha lavorato per il mio scopo. non sicuro di quello che sta succedendo con cromo in questo momento ...
Si noti che 'font-weight: lighter' rende il carattere «un gradino» più leggero, quindi un elemento che eredita il grassetto verrà quindi visualizzato con il peso del font normale. Se hai in mente un peso specifico, è meglio specificarlo direttamente. 'font-weight: 200' produrrà un font leggero. – Henrik
Sono d'accordo. Per quel che vale, al momento di questo post, 'font-weight: lighter;' non funzionava in chrome. Potrei scavare tra i miei commit per trovare la versione esatta di chrome che ha avuto il bug e sono sicuro che sia stato corretto ormai (cinque anni dopo). – teewuane
Forse avete bisogno di aggiungere questo alla tua CSS:
* {-webkit-font-smoothing: antialiased;}
+1, una buona scoperta =) –