So I have a somewhat weird issue with a Retina Macbook. A website that would normally look like this: But viewed on a Retina Macbook it looks like this: Every piece of text looks bold and harder to read. So is there a way to fix this on the Macbook (font smoothing or the likes?) or is it a website issue with font-rendering or choice of fonts used?
Hej You are using percentage in font-size. Therefore it will look different depending on the pixel ratio (which is different on the rMBP).
Firefox? Are you using firefox? It is a known issue for firefox not to look clear on a rMBP. http://www.hongkiat.com/blog/mbp-retina-blurry-text/
bigger font is harder to read? thats a first. you don't mention what the screenshot from the 1st one is from (browser? OS?). different browsers under different OS's will render webpages differently.
I think this is spot-on. It seems that the browser does not correctly interpret font sizes relative to the backing factor (and thus effectively magnifying the text 2x across the board). As stevelam suggests, try it with different browsers.