Google 字体大小 10.5 px (.5) 正确的方式和多浏览器支持

Google Font size 10.5 px (.5) the correct way and multibrowser support

我正在使用 Google Open Sans 字体,如果我将字体大小设置为 11px,它对于我需要的文本来说看起来很大,如果我将它设置为 10px,它看起来很小,所以我测试了有趣并将其设置为 10.5px,它可以在 Chrome 上使用 测试 10,5px,但它不起作用。

我们可以将字体大小的值设置为示例是否正确:

10.1 像素或 10.2 像素或 10.3 像素或 10.5 像素?或者是不正确的或新的 css 或测试版?

我真的很希望它能像 10.5px 那样工作,因为这正是我需要的字体大小,但是读了又读我什么也没找到。

如果可行,是否所有浏览器和手机都支持它?

基本上,答案是否定的,如果您想确保您的字体以跨浏览器的方式精确呈现,这不是一个好的方法。在渲染字体时没有半像素这样的东西,因此您可以接受不同的浏览器应用的舍入效果,这些效果可能因浏览器和客户端设备而异,具有不同的分辨率和像素密度。

将您的字体大小转换为 emrem 等可缩放单位,您就可以获得您想要的内容。

默认情况下,1rem = 16px。所以 10.5px = 0.65625rem.

额外的好处是可访问性。一些用户可能会增加他们的默认字体大小。如果您使用 emrem 单位,您的文本将相应缩放。像素大小不会。

改用百分比,您不会在不同 displays/browsers 上获得相同的大小,但您应该更好地控制文本的大小。

例如: font-size: 98%;

This article 可能会有帮助。