Fonts are different if the user has installed them ... Can I force negotiation?

Question

I am creating a website that uses Googles Webfont Oswald. Some of my colleagues experience another line that breaks the site. After research, this is because they have the font installed, while most other people do not. This difference causes a problem. Is there a way to force the browser to use webfont, rather than displaying it using a native font?

Additional Information.

I specify the line height, height and font size as one size.

Answer 1

You can edit the CSS @ font-face rule to suit your needs, rather than just loading automatically generated from Google. Basically the problem is that their rule prefers local versions (src: local ('Oswald-Bold'), local ('Oswald-Bold'), ...). The adjusted check will look like this:

@font-face { font-family: 'WebOswald'; font-style: normal; font-weight: 700; src: url(https://themes.googleusercontent.com/static/fonts/oswald/v5/bH7276GfdCjMjApa_dkG6T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } 

Just add this to your CSS manually and use the font family: "WebOswald"; when you want to use the web version of the Google font.

Hope this helps!

Source: stack overflow

Answer 2

This problem is fixed for me, removed from my css file:

text-rendering: optimizelegability;