: PS font does not match HTML font On my mac I use font 'Open Sans' Semibold which translate to: font-family: "Open Sans"; font-size: 14px; font-weight: 600; line-height: 16px; using CSShat plugin.

Posted in: #AdobePhotoshop #Fonts #WebFonts

On my mac I use font 'Open Sans' Semibold which translate to:
font-family: "Open Sans";
font-size: 14px;
font-weight: 600;
line-height: 16px;

using CSShat plugin.

The result in HTMl doesn't look the same as is PSD (see attached image).

Any ideas please?

10.01% popularity Vote Up Vote Down

: Easy way to have multiple color versions of the same logo without duplicating? I have a logo made of text and paths. Everything is blue. I also want an all white version, an all black version,

@Rambettina927

Posted in: #AdobeIllustrator

1 Comments

: Why is there a single line of blank pixels between my touching shapes? I'm working on a specification sheet for a tech company and they have a graphic that's used in a lot of their branding

@Rambettina927

Posted in: #AdobeIndesign

1 Comments

: Branding for various communications in the same company I have a question on Branding. My company has different communication platforms from e-newsletters to magazines. We have various names like

@Rambettina927

Posted in: #Branding #DesignProcess #Identity

1 Comments

: 19" PSD printed as 19'...Where did I go wrong? I'm in the early stages of designing a silk screen for a product panel. I threw together a mockup in Photoshop so I could tape it on top

@Rambettina927

Posted in: #AdobePhotoshop #PrintDesign #PrintProduction

1 Comments

Login to post a comment!

1 Comments

Sorted by latest first Latest Oldest Best

@Si6392903

Try adding letter-spacing: 1px; to your ID or class.

font-family: "Open Sans";
font-size: 14px;
font-weight: 600;
line-height: 16px;
letter-spacing: 1px;

The default is letter-spacing: 0px;. You can also use letter-spacing: 0.25px; or letter-spacing: 0.5px;, etc.

Example: codepen.io/anon/pen/oZarEx

10% popularity Vote Up Vote Down

Feed

: PS font does not match HTML font On my mac I use font 'Open Sans' Semibold which translate to: font-family: "Open Sans"; font-size: 14px; font-weight: 600; line-height: 16px; using CSShat plugin.

More posts by @Rambettina927

: Easy way to have multiple color versions of the same logo without duplicating? I have a logo made of text and paths. Everything is blue. I also want an all white version, an all black version,

: Why is there a single line of blank pixels between my touching shapes? I'm working on a specification sheet for a tech company and they have a graphic that's used in a lot of their branding

: Branding for various communications in the same company I have a question on Branding. My company has different communication platforms from e-newsletters to magazines. We have various names like

: 19" PSD printed as 19'...Where did I go wrong? I'm in the early stages of designing a silk screen for a product panel. I threw together a mockup in Photoshop so I could tape it on top

Login to post a comment!

1 Comments

Back to top | Use Dark Theme