为什么在我的CSS中添加字体:菜单导致页面呈现方式有很大不同?

时间:2011-08-10 18:35:36

标签: css fonts cross-browser

我似乎无法在“菜单”字体上找到太多信息。

我正在尝试基于this turorial实现suckerfish风格的CSS菜单,同时尝试保持现有的外观&感觉基于Intranet的应用程序。

我加上:

font:menu;

#nav a样式,#nav中设置的行高在FF和Chrome中都会被忽略,但在IE 8中则不会。

什么是“菜单”字体?我有哪些替代品不会破坏菜单?

1 个答案:

答案 0 :(得分:0)

不确定line-height问题(我建议准备一个小测试用例并在此处发布),但CSS spec中描述了menu字体:

  

以下值是指系统字体:

     

<强>标题
      用于标题控件的字体(例如,按钮,下拉菜单,   等等)。
  图标
      用于标记图标的字体   菜单
      菜单中使用的字体(例如,下拉菜单和菜单列表)   的消息框
      对话框中使用的字体   的小字幕
      用于标记小控件的字体   的状态条
      窗口状态栏中使用的字体。

但是,像往常一样,浏览器倾向于提供与规范相当的变量合规度。


编辑:只需阅读该链接即可。这些字体也会重置其他属性。你试过line-height: 1 !important;: - ?