查找浏览器正在使用的字体并调整CSS?

4

一位客户抱怨说他的Mac上网站的CSS看起来很糟糕。我检查了一下,发现他在浏览器中使用某些设置来设置字体为特定字体,并且还有一个最小高度。

现在的问题是,一些CSS依赖于高度,但现在无法正常工作。是否有可能检测到这样的情况并覆盖CSS?(除了使用PHP并加载自定义CSS之外)


1
如果告诉客户“没有其他人会遇到这个问题,所以这不是真正的问题”不是一个选项,那么您应该通过更改CSS来修复此问题,使stuff不再需要精确高度。检测用户是否设置了自定义字体设置,然后加载新的CSS是错误的方法。 - thirtydot
用户代理在字体样式方面具有最终决定权(大多数情况下都允许站点设置),因此,如果用户设置为不允许覆盖其设置,则无法覆盖。最好的做法是设计足够灵活的页面以允许字体变化(通过“em”单位设置高度)。 - ScottS
1个回答

1

我同意上面的评论。如果用户自定义了本地字体设置,责任不应该落在你身上来使其工作。他们已经覆盖了你预期的设计。话虽如此,这里有一种使用JavaScript检测字体的方法。

http://www.lalit.org/lab/javascript-css-font-detect/


哈哈,这个方法相当令人印象深刻,但对于生产网站来说不可用...好吧,那我会尝试设置高度以使其正常工作... - reox

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接