首先找到以下位置:
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;
}
您好!很高兴为您答疑!
您可以打开工具-选项-内容-字体,在颜色-高级里设置浏览器的字体。
您可以在火狐社区了解更多内容。希望我的回答对您有所帮助,如有疑问,欢迎继续在本平台咨询。
这是你火狐的默认字体设置问题吧。。在工具-选项-内容-字体&颜色-高级里设置一下吧
修改windows XP下 firefox的菜单栏字体
http://apps.hi.baidu.com/share/detail/23975249