css - Flex - 如何使用 CSS 在 spark RichText 中嵌入多种字体？

Question

我正在尝试在 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;
}

感谢您的帮助!

Answer 1

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

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

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

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