使用已安装的字体在本地Flex CSS中嵌入字体,但w / url引用ttf字体文件不起作用

时间:2011-02-07 06:34:15

标签: css flex actionscript fonts true-type-fonts

我正在尝试使用url(“font.ttf”)而不是本地(“Font Name”)在我的项目中嵌入一个字体,但它似乎没有把它拿起来。有问题的字体叫做“Gotham Bold”。当我查看字体的细节时,字体重量是常规的,但是当我在css中使用local(“Gotham Bold”)时,我必须指定fontWeight:bold,否则它不会捡起它。但是当我使用url(“folder \ Gotham-Bold.ttf”)并指定fontWeight:bold时,它表示找不到该TTF的字体粗细。如果我删除fontweight,没有错误,但字体不适用于文本。有什么想法吗?

由于

2 个答案:

答案 0 :(得分:1)

字体实际上可能未嵌入您的代码中。还有一件事,你必须为不同的样式嵌入不同的字体。按照说法,如果你想用正常和粗体样式嵌入Arial,你必须使用给定的不同类名来嵌入Arial两次。

嵌入字体使用

[Embed(source = "path of font file.ttf", fontName = "Gotham-Regular", mimeType="application/x-font-truetype")]
private var fontGothamRegular:Class; //Class name which would be used to register font

//注册字体

Font.registerFont(fontGothamRegular);

//用于嵌入相同字体的粗体样式

[Embed(source = "path of font file.ttf", fontWeight="Bold", fontName = "Gotham-Bold", mimeType="application/x-font-truetype")]
private var fontGothamBold:Class;

Font.registerFont(fontGothamBold);

答案 1 :(得分:1)

我使用此代码在我的Flex App中嵌入自定义Font。我将此代码直接放在mx:Application。

我找到了两个不同的文件,一个用于正常体重,另一个用于粗体。

    <mx:Style>

        /*S!_DCB__.TTF*/
    @font-face{
        src: url("S!_DC__.TTF");
        fontFamily: DAX2;
        font-weight:normal;
        }
    @font-face{
        src: url("S!_DCB__.TTF");
        fontFamily: DAX2;
        font-weight:bold;
        }
    </mx:Style>

之后我只将DAX2字体名称放在组件中。

克劳迪奥。