为后备字体设置不同的字体大小

Question

在我的网站上我使用这些字体: font-family: Segoe UI, Verdana, Geneva, sans-serif

Verdana看起来有点像Segoe UI,对于Mac和iOS设备来说是一个不错的后备.现在问题是Verdana比Segoe UI大很多,所以在某些设备上字体太大了.

我似乎无法弄清楚如何根据应用的字体设置字体大小; 例如,对于segoe ui是18px,对于verdana是16px吗？

知道如何只用css做这个吗？

谢谢!

Answer 1

您可以使用该ex单元，但它的实现对于某些浏览器来说存在错误。
另一种选择是使用Gecko 支持的浏览器font-size-adjust支持的属性。