如何正确设置网络字体的字体粗细?

How to set the font-weight of a web font properly?

这可能是非常基础的,但我在这个问题上苦苦挣扎了很长时间,我不得不尝试一下。

假设我有可用的字体 'open sans',字体粗细为 400

https://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>

并且我在 css 中将字体粗细设置为 700

我知道浏览器会尝试猜测该字体的粗体版本。

我的问题:就网络排版而言,这是一种好的做法吗? 当然,我可以使用该字体的 700 版本内置字体,但有时我更喜欢浏览器提供的版本。我们应该只在最后一种情况下使用浏览器版本,还是我们可以随时使用浏览器版本而不用担心 'artificial' 外观?

给你我的 2 美分建议,如果你同时需要 400 和 700,那么加载它们以保持字体创建者想要的真实外观。并且更加跨浏览器。

https://fonts.googleapis.com/css?family=Open+Sans:400,700' rel='stylesheet' type='text/css'>