I have an issue with Magento now, I tried merging CSS, but each time I do that, all the fonts on my page goes from displaying font-weight: 300 (as it should) to bold text.

If I inspect with the browser inspector, it shows as font-weight:300, but its definately not. Also all bold items are suddently not bold.

Tried contacting my hosting provider, but I have no clue. Is this a code issue or server side issue, and what can I do to fix it?

  • can you add screenshots..
    – MaYaNk
    Commented Jun 15, 2016 at 11:47
  • @mayank How it should look, with font-weight 300: prntscr.com/bgiq0g How it is after merging CSS: prntscr.com/bgiqa7 Here you can see my inspector, the CSS looks right, but displays the site different: prntscr.com/bgnexn
    – Thomas
    Commented Jun 15, 2016 at 11:57

2 Answers 2


As you have describe issue, i think you are facing issue when css merge. you need to check step by step which style.css file override font-weight. First find a file which is override font-weight.

Form the local.xml you need to commit one by one css and then merge css. it is only way to find out which style.css override.

also do same thing with third party modules. if in third party modulues css override in your theme may be there is reset css. you need to just remove only reset css like body { margin:0; padding: 0; } this is just example.


I don't think it's a font-weight problem necessarily, as it is more of a font-family issue. By the looks of it, you're using a custom font on the original screenshot, and it appears not to be loaded on the second screenshot. Maybe there's an @import rule somewhere in your css files that is loading the fonts (like Google Fonts for instance). When merged, the @import will fail to work correctly.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.