新聞中心
在學(xué)習(xí)Flex的過程中,你可能會遇到Flex字體使用問題,這里和大家分享一下,相信通過本文的介紹你對Flex字體的使用會有深刻的認(rèn)識。今天在把玩開源的Flex系統(tǒng)和控件時碰到了字體不能編譯的問題,所以對字體進(jìn)行了較為深入的研究。

網(wǎng)站建設(shè)哪家好,找成都創(chuàng)新互聯(lián)公司!專注于網(wǎng)頁設(shè)計、網(wǎng)站建設(shè)、微信開發(fā)、成都微信小程序、集團(tuán)企業(yè)網(wǎng)站建設(shè)等服務(wù)項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了零陵免費(fèi)建站歡迎大家使用!
Flex支持的TrueType和OpenType類型的字體
這里介紹一下他們之間的區(qū)別
◆TrueType字體可調(diào)整到任意大小,并且在所有大小情況下,都是清晰可讀的??梢詫⑺鼈儼l(fā)送給Windows支持的任何打印機(jī)或其他輸出設(shè)備。
◆OpenType字體與TrueType字體相關(guān),但包括更大的基本字符集擴(kuò)展,包括小型大寫、老樣式數(shù)字及更復(fù)雜的形狀,如“字形”和“連字”。
Flex字體的使用
以下個例子是使用本地的字體,這些字體讀取的默認(rèn)路徑是C:\WINDOWS\Fonts,在你把玩別人的Flex應(yīng)用時,你需要注意他人的字體你是否都有了。
- viewplaincopytoclipboardprint?
- @font-face
- {
- src:local("Tahoma");
- fontFamily:localFont;
- fontWeight:bold;
- }
- @font-face
- {
- src:local("Tahoma");
- fontFamily:localFont;
- fontWeight:bold;
- }
你也可以通過url定義Flex字體,然后就可以使用相對或絕對路徑定義字體
- viewplaincopytoclipboardprint?
- @font-face
- {
- src:url("assets/tahoma.ttf");
- fontFamily:localFont;
- fontWeight:bold;
- }
- @font-face
- {
- src:url("assets/tahoma.ttf");
- fontFamily:localFont;
- fontWeight:bold;
- }
@font-face所有屬性如下
- src:url("assets/aaa.png")字體url
- src:local("Tahoma");本地字體
- fontFamily:localFont;字體別名
- fontStyle:italic;字體傾斜
- fontWeight:bold;字體的粗細(xì)默認(rèn)為normal
- advancedAntiAliasing:true字體防鋸齒
◆最后講下在css中使用Flex字體
- viewplaincopytoclipboardprint?
- @font-face
- {
- src:url("assets/Abduction.ttf");
- fontWeight:normal;
- fontFamily:localFont;
- }
- .coolStyle
- {
- fontFamily:localFont;
- fontWeight:normal;
- }
- @font-face
- {
- src:url("assets/Abduction.ttf");
- fontWeight:normal;
- fontFamily:localFont;
- }
- .coolStyle
- {
- fontFamily:localFont;
- fontWeight:normal;
- }
名稱欄目:實例解析Flex字體的使用
文章URL:http://www.dlmjj.cn/article/cojdphg.html


咨詢
建站咨詢
