Flex - 如何使用 CSS 在 Spark RichText 中嵌入多种字体？答案

【问题标题】：Flex - how to Embed multiple fonts in spark RichText with CSS?Flex - 如何使用 CSS 在 Spark RichText 中嵌入多种字体？
【发布时间】：2012-02-23 23:56:20
【问题描述】：

我正在尝试在 spark RichText 组件中嵌入多种字体，但不知道该怎么做。我希望能够使用 HTML 中的标签显示粗体字体。使用我使用的字体，常规和粗体字符集位于不同的 .ttf 文件中。

我可以在 CSS 中为一个组件设置多个字体系列吗？

到目前为止，这是我的样式表...

@font-face { 
    src: url("/styles/fonts/FontRg.ttf"); 
    fontFamily: FontRg_CFF; 
    fontStyle: normal; 
    fontWeight: normal; 
    embedAsCFF: true;
}

@font-face { 
    src: url("/styles/fonts/FontRgBd.ttf"); 
    fontFamily: FontRgBd_CFF; 
    fontStyle: normal; 
    fontWeight: normal; 
    embedAsCFF: true; 
}

s|RichText{ 
    font-family: FontRg_CFF;
    font-size: 16;
}

感谢您的帮助！

【问题讨论】：

标签： css apache-flex fonts embed

【解决方案1】：

虽然这篇文章已经很老了，但我也遇到了同样的问题，并且可以弄清楚它是如何工作的：您必须更改以下内容才能显示粗体文本：

@font-face { 
    src: url("/styles/fonts/FontRgBd.ttf"); 
    fontFamily: FontRg_CFF; 
    fontStyle: normal; 
    fontWeight: bold; 
    embedAsCFF: true; 
}

因此，fontFamily 和 fontWeight 需要像您在上面看到的那样进行更改。两种嵌入需要共享相同的 fontFamily 名称，而粗体字体需要将 fontWeight 设置为“bold”。

然后您可以简单地使用 b-tags (<b>BOLD</b>) 在 Flex RichText 或 TextArea 中显示粗体文本。

【讨论】：

【解决方案2】：

我注意到在你的两个字体声明中你只嵌入了正常的重量。为粗体版本尝试另一种字体声明。

【讨论】：