您的位置:首页 > Web前端 > CSS

Flex 宋体、黑体、楷体、仿宋字体样式

2012-04-11 15:54 218 查看
s|Label
{
font-family: FangSong_GB2312; /*SimSun,SimHei,KaiTi_GB2312,FangSong_GB2312,*/
/*以上四种字体默认使用的是本地设备字体,无法开启抗锯齿功能,字体边缘有毛边*/
backgroundColor: #000000;
color: #FF0000;
fontSize: 128px;
line-height:128px;
letter-spacing:0px;
/*fontStyle: italic;*/
/*fontWeight: bold;*/
/*textDecoration: underline;*/
}


测试页面

<?xml version="1.0" encoding="utf-8"?>
<s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" minWidth="955" minHeight="600">

<!--<fx:Style source="ydp.css"/>-->

<fx:Script>
<![CDATA[
protected function button1_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
this.lbText.setStyle("fontFamily", "SimSun");
}

protected function button2_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
this.lbText.setStyle("fontFamily", "SimHei");
}

protected function button3_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
this.lbText.setStyle("fontFamily", "FangSong_GB2312");
}

protected function button4_clickHandler(event:MouseEvent):void
{
// TODO Auto-generated method stub
this.lbText.setStyle("fontFamily", "KaiTi_GB2312");
}

]]>
</fx:Script>

<fx:Declarations>
<!-- 将非可视元素(例如服务、值对象)放在此处 -->
</fx:Declarations>
<s:Label id="lbText" x="96" y="67" text="低碳交通
绿色通行"  width="512" height="256"
backgroundColor="#000000" color="#FF0000" fontSize="128" lineHeight="128" />
<s:Button  x="4" y="3" label="宋体" click="button1_clickHandler(event)" />
<s:Button  x="82" y="3" label="黑体" click="button2_clickHandler(event)"/>
<s:Button  x="167" y="3" label="仿宋" click="button3_clickHandler(event)"/>
<s:Button  x="245" y="3" label="楷体" click="button4_clickHandler(event)"/>
</s:Application>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: