浏览器字体大小如何决定我们的应用程序的呈现方式答案

【问题标题】：how does the browser font size decide the way our application is rendered浏览器字体大小如何决定我们的应用程序的呈现方式
【发布时间】：2011-03-16 08:14:05
【问题描述】：

我们有一个使用 jboss richfaces 3.3.x 编写的标准 j2ee 应用程序。我们有几个样式类来决定字体系列的大小和大小。

使用我们应用程序的一些最终用户有自己的字体设置（在 Mozilla 中的工具-->选项-->内容-->默认选项-->高级。它有一个复选框“允许页面选择他们的自己的字体，而不是我上面的选择”。

有些将最小字体大小设置为“无”，有些将其设置为 18。在这种情况下，按钮会变得更大，并且超出按钮大小，从而导致 UI 无法使用。

这是 Firefox 的问题吗，我们不能建议客户修改这些设置。我们应该如何处理这些情况。

【问题讨论】：

您的问题到底是什么？您在应用中使用了哪种尺寸设置？
应用程序使用 Times New Roman，默认为 13 px。在这种情况下，浏览器最小字体设置为 18。它似乎正在选择浏览器设置，即使它具有以下标志“允许页面选择自己的字体，而不是我上面的选择”默认打开。

标签： html css firefox user-interface

【解决方案1】：

当然，这不是 Firefox 的问题。我宁愿说这是您的应用程序的问题。您不必强迫客户修改他们的浏览器设置只是为了使用您的应用程序。相反，你必须适应。很高兴每个知名浏览器都可以指定您无法覆盖的可访问性设置，例如颜色、字体或字体大小。

每个使用 UI 的人都必须牢记的神奇规则是，如果您强迫客户适应您的应用，他们会离开并购买另一个尊重他们的应用，而不是强加一些东西，适应他们的需求，考虑到他们的残疾并符合他们的习惯。

请记住，有些客户可能难以阅读小文本。如果他们更改设置以设置更大的文本或设置最小字体大小，这通常是因为他们无法在高分辨率屏幕上阅读微小的文本。

现在，您可以做些什么来确保您的应用程序正确显示？最明显的解决方案是对其进行测试，看看会发生什么，并调整设计。增加字体大小。运行您的应用程序。如果文本与按钮重叠，您可能需要增加按钮的大小。

【讨论】：

目前我的按钮高度是 24 px（padding-top：4px padding-bottom：4px，行高是 16 px）。所以我假设任何设置大于 16px 的字体大小的人都会看到问题。这是否意味着我必须增加按钮的行高？
没错。如果必须是固定高度，您可以增加按钮高度，或者您可以让高度根据文本大小进行调整（如果您使用漂亮的图像而不是平面，这当然是不可能的矩形来显示一个按钮）。

【解决方案2】：

它们总是有可能具有不同的字体设置。不同的大小，不同的面孔（具有不同的高度/宽度/字距调整）。浏览器有它们的默认值。操作系统有其默认值（Win vs. Linux vs. Mac，甚至 Win XP vs. Win 7）。用户可以用他们的默认值覆盖它们...

即使使用桌面应用程序也可能是一个问题。

唯一的方法是设计应用程序，使其看起来不错，并且无论字体和大小如何都可以完全使用。 UI 和小部件应根据字体大小进行缩放。

【讨论】：

我明白，我正在为我的应用程序中的所有按钮指定样式类信息。但是，即使我特别要求它覆盖它，它看起来也会被浏览器设置覆盖。为什么会发生这种情况，我应该在我的应用程序中做些什么来防止这种情况发生
您不能覆盖辅助功能设置。请参阅我的答案中的最后一个编辑。