So after two hours of debugging I get to know that Chrome doesn't differentiate between font-weight 100-500 unless on a Mac, and IE does, but IE doesn't support the <picture > tag 😶

@Letmecode I'm using a very basic 'Roboto', sans-serif.

@nottoobright roboto supports all font weights, use it from google fonts instead of putting your ttf/woff, if that's what you're doing.

I'm on Ubuntu and chrome does differentiate between 100 - 500.

@chipset I am importing them from Google Fonts, the specific font-weights I need too. Still it doesn't work. I'm on Windows

Haha, maybe.

I'm using IE 10 and Chrome 57

@Letmecode I did that too. Told you, spent a whole two hours on this shit. Heck, I even read what font- smoothing meant to try and find another workaround. Nothing works, Chrome just displays everything at font-weight 400, ignoring every other style even if it is !important. I think it's more of a Windows fault than Chromes.

Thanks for helping anyway

@Letmecode Yeah, was using the <link> tag, but I also tried @import. Didn't work. I checked and it works in Ubuntu. It's definitely some Windows problem. The only thing remaining now is throwing that fucking desktop away and becoming a web designer forever -_-

@nottoobright Windows is a shitty OS for devs. Get a mac or switch to linux permanently.

@chipset Can't shift to Linux permanently until Adobe products work in it. That's why I have to use Windows. I am planning on getting a Mac soon though. Then I'll just tell Windows to fuck off permanently

Good luck man--that's the Git a Web Developer course on Udemy right? I took it too, hope you're liking it as much as I did