• 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

  • 相关阅读:
    jquery跨域请求jsonp
    php返回json,xml,JSONP等格式的数据
    chrome常用配置
    html body标签的几个属性 禁用鼠标右键,禁用鼠标选中文字等
    jquery form表单序列号
    php实时输出内容能够
    php Xdebug调试
    jsonp的简单例子
    web调试的一些小技巧
    jq动态增加的button标签click回调失效的问题,即动态增加的button标签绑定事件$("button.class").click(function)无效
  • 原文地址:https://www.cnblogs.com/jingtao/p/1644385.html
Copyright © 2020-2023  润新知