修改RichFaces的默认字体和大小

毕竟是老外的框架，默认的字体大小弄个11px
明显不符合中国国情，不够和谐
不过还好，RichFaces与其他JAVA开源框架一样，提供了很强大的定制功能
只需三步即可修正这个问题

一、复制richfaces-impl.jar/META-INF/skins/DEFAULT.skin.properties至ClassPath下
并改名为common.skin.properties

二、修改其中与字体大小相关的设置，将11px改为12px，如下

generalSizeFont=12px
headerSizeFont=12px
tabSizeFont=12
buttonSizeFont=12 (这两个为啥没有px?)

再顺便将默认字体也改下，首选宋体(SimSun)，如下

generalFamilyFont=SimSun, Arial, Verdana, sans-serif 
headerFamilyFont=SimSun, Arial, Verdana, sans-serif
tabFamilyFont=SimSun, Arial, Verdana, sans-serif
buttonFamilyFont=SimSun, Arial, Verdana, sans-serif

三、web.xml添加一行配置

<context-param>
    <param-name>org.richfaces.SKIN</param-name>
    <param-value>common</param-value>
</context-param>

启动服务 查看页面 太和谐了...

附上最终配置

#Colors
headerBackgroundColor=#D4CFC7
headerGradientColor=#EDEAE6
headerTextColor=#000000
headerWeightFont=bold

generalBackgroundColor=#FFFFFF
generalTextColor=#000000
generalSizeFont=12px
generalFamilyFont=SimSun, Arial, Verdana, sans-serif 

controlTextColor=#000000
controlBackgroundColor=#ffffff
additionalBackgroundColor=#F1EEE9

shadowBackgroundColor=#000000
shadowOpacity=1

panelBorderColor=#C4C0B9
subBorderColor=#ffffff

tabBackgroundColor=#E3DED5
tabDisabledTextColor=#B1ADA7

trimColor=#DFDCD5

tipBackgroundColor=\#FAE6B0 
tipBorderColor=\#E5973E 

selectControlColor=#E79A00

generalLinkColor=#0078D0
hoverLinkColor=#0090FF
visitedLinkColor=#0090FF

# Fonts
headerSizeFont=12px
headerFamilyFont=SimSun, Arial, Verdana, sans-serif

tabSizeFont=12
tabFamilyFont=SimSun, Arial, Verdana, sans-serif

buttonSizeFont=12
buttonFamilyFont=SimSun, Arial, Verdana, sans-serif

tableBackgroundColor=#FFFFFF
tableFooterBackgroundColor=#cccccc
tableSubfooterBackgroundColor=#f1f1f1
tableBorderColor=#C4C0C9
tableBorderWidth=1px

#Calendar colors
calendarWeekBackgroundColor=#F1EEE9

calendarHolidaysBackgroundColor=#FFEBDA
calendarHolidaysTextColor=#FF7800

calendarCurrentBackgroundColor=#FF7800
calendarCurrentTextColor=#FFEBDA

calendarSpecBackgroundColor=#F1EEE9
calendarSpecTextColor=#000000

warningColor=#FFE6E6
warningBackgroundColor=#FF0000

editorBackgroundColor=#F1F1F1
editBackgroundColor=#FEFFDA

#Gradients
gradientType=plain

评论

3 楼 yuanliyin 2010-07-13  

我直接通过修改laguna-3.2.1.GA里面的设置来实现的

2 楼 yourenyouyu2008 2009-09-30  

非常不错，太方便了。

1 楼 dlbaba 2009-03-06  

牛