Flex/AIR控件字体样式设置

今天在写个air的程序，写完后老婆说我字体太小、太难看了，于是我就开始整理程序的界面样式，想着这么简单的工作很快就会完成吧，可是事与愿违，竟然花费了好几个小时的时间才把控件的字体设置完成。最后发现我竟然死在了font-weight上！

 

         要实现的最终效果：

之前一直是：

在网上找了好多资料，试过好多方法一直没有找到解决办法，最后干脆就试一遍，发现必须设置font-weight，字体才能生效。

下面就把flex设置字体的方法大体列举几种，以供参考。

 

1.       引用外部字体库的方法：

@font-face{

    font-family:FZHY;//这个名字可以随便设置

    src:url("FZHY.TTF");//使用相对路径

}

2.       设置错误提示的字体（使用Validator控件时）：

.errorTip{

    font-family:FZHY;

    font-size:14px;

    font-weight:normal;

}

3.       设置ToolTip的字体（一般默认的字体很小，特别难看清楚，所以一般情况需要设置该值）：

ToolTip{

    font-family:FZHY;

    font-size:14px;

}

4.       设置TabNavigator的字体：

TabNavigator{

    font-size:14px;

    font-family:FZHY;

selected-tab-text-style-name:common;//设置navigator的选项卡字体样式

}

.common{

      font-family:FZHY;

      font-size:14px;

}

5.       设置DataGrid标题的样式：

DataGrid{

           header-style-name:common;

}

6.       设置日期输入框的字体样式：

DateField{

    date-chooser-style-name:dateChooserStyle;

}

 

.dateChooserStyle{

    header-style-name:common;//设置年月的样式

    week-day-style-name:common;//设置日的样式

}

7.       设置其他基础控件的样式（用控件类型名进行定义，自动应用到相应类型的控件）：

Button{

    font-family:FZHY;

    font-weight:normal;

}

 

Canvas{

    font-family:FZHY;

    font-weight:normal;

}

 

ComboBox{

    fontWeight:normal;

}

 

原创文章，转载请注明出处！
All CopyRight Reserved ！

 

主页：http://jingtao.cnblogs.com

QQ:307073463
Email:jingtaodeemail@qq.com
MSN:sunjingtao@live.com