Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

`font-weight` Is not working on chrome?

Just tested something that works perfect on firefox and chrome doesn't makes anyhing with font-weight: bold/bolder property.

I tried to look up for another CSS property that may be overwriting it and there is none, also Google has no answers for me..

position: absolute;
top: 8px;
left: 50px;
font-size:38px;
font-weight: bolder;
like image 270
Ricardo Avatar asked Dec 16 '11 04:12

Ricardo


People also ask

Why is my font weight not changing CSS?

It could be that the font you're loading in doesn't have a weight lighter than 400. You might need to adjust what you're loading via the Typekit admin.

Why is my font messed up in Chrome?

Go to Control Panel > Appearance and Personalization > Display > Adjust ClearType text (on the left). Check the box entitled “Turn on ClearType.” After going through a short wizard, this will fix some of the text rendering issues in Chrome.


2 Answers

Solved with:

font-weight: 900;
font-family: "Arial Black", Arial, sans-serif;
like image 136
Ricardo Avatar answered Nov 15 '22 11:11

Ricardo


It works fine. The property must be getting overwritten somewhere or there is a mistake in your html structure somewhere. When you inspect the element via Chrome inspector do you see that it has the bolder style attribute?

http://jsfiddle.net/NNBZB/

like image 37
mrtsherman Avatar answered Nov 15 '22 11:11

mrtsherman