火狐菜单字体

问题如下图,这字体怎么搞成正常的?
2024-12-03 10:35:56
推荐回答(4个)
回答1:

首先找到以下位置:

95/98/ME --- c:\windows\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\
NT --- %UserProfile%\Application Data\Phoenix\Profiles\[profile-name]\[#s].slt\chrome\
2000/XP --- C:\Documents and Settings\[USER]\Application Data\Mozilla\Firefox\Profiles\default.tea\chrome\
Mac OS X --- firefox.app/Contents/MacOS/defaults/profile/chrome/
首先将 userChrome-example.css

改名为 userChrome.css

然后修改该CSS的内容。
以下是userChrome.css中各个部分的作用域,虽然用的是otherside自己的userChrome,但是结构和顺序与原userChrome相比没有变化。

CODE
/*
* Edit this file and copy it as userChrome.css into your
* profile-directory/chrome/
*/
/*
* This file can be used to customize the look of Mozilla's user interface
* You should consider using !important on rules which you want to
* override default settings.
*/

/*
* Do not remove the @namespace line -- it's required for correct functioning
*/
@namespace url("h ttp://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul"); /* set default namespace to XUL */
}

/* ::::: fixed font settings ::::: */

声明名字空间及说明部分,请勿修改。

CODE

#urlbar {
 font-family: lucida grande, lucida grande !important;
 font-weight: normal !important;
 font-size: 9pt !important;
}
地址栏字体定义,定义了字体系列,字体加粗,字体尺寸。

CODE

.textbox-input-box {
 font-family: lucida grande, lucida grande !important;
 font-weight: normal !important;
 font-size: 9pt !important;
 margin-bottom: 1px !important;
}
文字输入框字体定义,定义了字体系列,字体加粗,字体尺寸,下边距。

CODE

.searchbar-engine-image {
 margin-bottom: -1px !important;
}
.searchbar-dropmarker-image {
 margin-bottom: -1px !important;
}

搜索引擎栏图片定义,定义了下边距。

CODE

.bookmark-item > .toolbarbutton-text {
 font-family: lucida grande !important;
 font-weight: bold !important;
 font-size: 8pt !important;
 padding-top: *x !important;
}
书签栏字体定义,定义了字体系列,字体加粗,字体尺寸,下边留白。

CODE

tab {
 font-family: lucida grande, lucida grande !important;
 font-weight: normal !important;
 font-size: 8pt !important;
}
.tabbrowser-tabs .tab-text {
 font-family: lucida grande !important;
 font-weight: bold !important;
 font-size: 8pt !important;
 padding-top: 1px !important;
}

.tabbrowser-tabs  *|tab[selected="true"] .tab-text {
 padding-top: 1px !important;
}

.tabbrowser-tabs .tab-text2 {
 font-family: lucida grande !important;
 font-weight: bold !important;
 font-size: 8pt !important;
 padding-top: 1px !important;
}

标签栏字体定义,定义了字体系列,字体加粗,字体尺寸,下边留白。此段也定义了标签栏文字阴影。
注意!!! 如果你修改了.tabbrowser-tabs中其中一项的某一属性,其他项的属性应该与其保持一致。

CODE

.tabbrowser-tabs .tab-icon {
 margin: *x 1px *x 0px !important;
}
.tabbrowser-tabs *|tab[selected="true"] .tab-icon {
 margin: *x 1px *x 0px !important;
}

标签栏图标位置定义,定义了图表的下边距。

CODE

.autocomplete-treebody::-moz-tree-cell-text {
 font-family: lucida grande, lucida grande !important;
 font-weight: normal !important;
 font-size: 9pt !important;
}

自动填充完成列表的字体定义,定义了字体系列,字体加粗,字体尺寸。

CODE

tree {
 font-family: lucida grande, lucida grande !important;
 font-weight: normal !important;
 font-size: 9pt !important;
}

树形列表字体定义,定义了字体系列,字体加粗,字体尺寸。
本部分定义对Sidebar部分的字体有效,比如书签纪录(Ctrl+B)和历史纪录(Ctrl+h)。

CODE

popup, menu, menuitem {
 font-family: lucida grande, lucida grande !important;
 font-size: 9pt !important;
 text-align: left !important;
}

菜单字体的定义,定义了字体系列,字体尺寸以及对齐方式。

CODE

menulist {
 font-family: lucida grande, lucida grande !important;
 font-size: 9pt !important;
}
菜单栏字体定义,定义了字体系列,字体尺寸。

CODE

#status-bar,
#bookmark-window statusbar {
 font-family: lucida grande, lucida grande !important;
 font-weight: normal !important;
 font-size: 8pt !important;
}

状态栏字体定义,定义了字体系列,字体加粗,字体尺寸。

CODE

#FindToolbar {
 font-family: lucida grande, lucida grande !important;
 font-size: 9pt !important;
}

查找栏(Ctrl+f)字体定义,定义了字体系列,字体尺寸。

关于标签字体颜色。
如果你想修改标签字体颜色,可以修改以下字段
sample:

CODE

.tabbrowser-tabs .tab-text2 {
color: red !important;
font-family: lucida grande !important;
font-weight: bold !important;
font-size: 8pt !important;
padding-top: 1px !important;
}

给tabbrowser-tabs .tab-text2类加上color属性,值可以是标准16色或RGB颜色或16进制颜色(比如#FFFFFF是白色)。

如果你不知道想使用的颜色值,可以在photoshop或fireworks的调色板下查到16进制颜色值。

关于书签栏上方的分隔线。

如果你想去掉这条分隔线
在userChrome.css中加入

CODE

toolbar, menubar {
border-bottom: 2px solid !important;
-moz-border-bottom-colors: transparent transparent !important;
}

回答2:

  您好!很高兴为您答疑!

  您可以打开工具-选项-内容-字体,在颜色-高级里设置浏览器的字体。
  您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。

回答3:

这是你火狐的默认字体设置问题吧。。在工具-选项-内容-字体&颜色-高级里设置一下吧

回答4:

修改windows XP下 firefox的菜单栏字体
http://apps.hi.baidu.com/share/detail/23975249