網頁程式Flex 動態嵌入字型

2022-04-10 08:21:42 字數 1727 閱讀 3900

概述

flex編譯器,位於flex sdk的bin目錄,例如:flash builder 4 sdk 3.5 "c:\program files\adobe\adobe flash builder 4\sdks\3.5.0\bin", 編譯器的詳細使用說明參考官方文件using the flex compilers主題。

mxmlc.exe:應用程式編譯器,可以把*.mxml(*.as)、*.css等主要檔案編譯成swf。

flash/flex使用裝置字型存在嚴重鋸齒問題,不夠美觀,而且當計算機沒有相應字型時會造成內容無法顯示等問題,該系列文章介紹flex技術平台下如何實現字型的動態嵌入。

字型樣式

需要編譯的css檔案:wb_arial.css

/* css file */

@font-face

使用mxmlc.exe編譯字型樣式

開啟命令列,執行以下命令編譯css,生成swf:(格式:mxml.exe [srcfile] –output [destfile])

mxmlc.exe wb_arial.css

使用字型swf

<?xml version="1.0" encoding="utf-8"?>

" layout="

absolute

" xmlns:local="*"

creationcomplete="init()" backgroundcolor="

#ffffff

">

importmx.events.styleevent;

private

varstyleloader:ieventdispatcher;

private

functioninit():

void

private

functiononstyleevent(event:styleevent):

void

else

if(event.type == styleevent.error)

}x="

10" y="

10" id="

_panel

">

]]>

高階

命令列生成swf這項操作,可以讓外部exe來完成,實現swf的動態生成。 

文字的高階處理請盡量使用flash.text.textfield類,以便達到更好的控制,不建議使用mx.*命名空間下的文字控制項。

textfield的htmltext支援多種嵌入字型同時顯示,但確保htmltext裡面使用的字型都是嵌入的。 

next

英文字型檔案比較少,例如:arial,把常規、加粗、斜體等各種組合都生成相應的字型swf,總檔案大小還在可接受的範圍內。

但對於中文字庫,檔案比較大,把整個字型檔都嵌入,檔案太大不利於網路傳輸,必須按需嵌入,下篇將介紹中文字型動態嵌入的解決方案。 

Flex 動態嵌入字型

flex編譯器,位於flex sdk的bin目錄,例如 flash builder 4 sdk 3.5 c program files adobe adobe flash builder 4 sdks 3.5.0 bin 編譯器的詳細使用說明參考官方文件using the flex compiler...

Flex字型篇 動態嵌入字型 按需嵌入

接上篇 flex字型篇 動態嵌入字型 按需嵌入 中文字型小的幾m,大的十幾m,如果把整個中文字型都嵌入到swf會使容量增大,不利於網路傳輸,這時應該採取按需嵌入的辦法,只把使用到的字元才嵌入到字型swf裡。按需嵌入的字型樣式 需要編譯的css檔案 wb fz22.css generate by wi...

Flex之嵌入字型旋轉

最近為了專案需要,研究了一下flex字型旋轉的功能,但是在專案中我們所使用的字型類不是flex的自帶元件如textfield,label等,而是使用了開源專案degrafa的graphictextfiled.這就導致了難度加大。如果僅僅是使用flex的label元件實現字型旋轉功能,僅僅需要做到以下...