Mobile app version of vmapp.org
Login or Join
Twilah924

: Photoshop retina font-weight differs from the css setting I have a strange problem with a Photoshop file that I have received from a designer. It is a web site which will be translated into

@Twilah924

Posted in: #AdobePhotoshop #Css #Retina

I have a strange problem with a Photoshop file that I have received from a designer. It is a web site which will be translated into html and css. I suspect that the designer has used a retina screen to do the design because the pixel-sizes is all way too large.

All the fonts will be about the correct size if I use half the pixel size in css of what Photoshop says, so this is no problem. What is a problem though, is that the font-weight differs a lot between css and photoshop. 700 in photoshop looks about "semi-bold" in css (but semi-bold does not exist in this particular font), any idea on how I could possibly solve this problem? Font weight 700 in css is way too bold to be correct. Could this be due to the retina resolution in the Photoshop file?

10.01% popularity Vote Up Vote Down


Login to follow query

More posts by @Twilah924

1 Comments

Sorted by latest first Latest Oldest Best

 

@Steve758

I can certainly see how pixel-based measurements are going to vary a lot between different devices, and that could apply to the perception of font weight as much as to overall height and width of glyphs. But there's also the possibility that the fonts will always differ between a designer's Mac and the end-user's Windows browser -- unless the exact same cross platform font files are used and downloaded to the browser. (That's a little of a side note, but it is an aspect of font appearance matching that has to be considered.

10% popularity Vote Up Vote Down


Back to top | Use Dark Theme