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设置为＆＃34;粗体＆＃34;。

然后，您只需使用b-tags（<b>BOLD</b>）在Flex RichText或TextArea中显示粗体文本。

Answer 2

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

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

2 个答案: