Web应用程序界面优化 - 字体/提示?

时间:2009-03-13 00:05:44

标签: user-interface fonts

我正在构建一个屏幕上有大量信息的界面..几十个输入,附带标签。由于信息量大,字体必然变得非常小。

但是我希望它尽可能可读和可用..有一个非常好的字体既可读又紧凑,在浏览器中运行良好(特别是在这种情况下,IE7)?

任何人都有其他任何提示来解决这个问题?是否有一些像素/ em大小和字体的特定组合,或其他一些可以帮助我的CSS巫毒?

这是一个内联网应用程序,所以我们实际上可以非常具体。

任何建议表示赞赏,谢谢。

3 个答案:

答案 0 :(得分:3)

要通过浏览器调整大小,请使用ems。将body元素的font-size设置为62.5%,以使ems ems更加清晰。 1.2em = 12px。

Arial是相当不错的字体。 Helvetica也是如此。

答案 1 :(得分:0)

您是否牢记可访问性?是不是可以重新设计界面,以便显示较少的信息,视力低于20/20的人可以轻松阅读您的页面?

通常,sans serif字体在使用小尺寸时更具可读性。如果你想使用等宽字体,我个人非常喜欢Vista的'consolas'字体。

答案 2 :(得分:0)

根据2006年的这篇文章: http://www.kathymarks.com/archives/2006/11/best_fonts_for_the_web_1.html

Tahoma可能成为赢家:

“Tahoma(Windows).Tahoma专为屏幕上的易读性而设计。它预装在Windows系统上。与Verdana类似,它更窄,更浓缩”