无法访问自定义Liferay 7.1主题中的字体真棒



我通过Maven为Liferay 7.1构建了一个自定义主题,效果很好。 我正在使用CSS-Builder,Theme-Builder,css.common,theme.styled和theme.unstyled的当前版本(Theme-Builder参考_styled( 我读到合金不再是主题的一部分(对吧?(,但仍然可以用作模块。

我的具体问题:我需要在主题中使用字体真棒图标,但 a.t.m. 它似乎没有集成。

例如,一段自定义CSS代码

content: "0a0f0d7";
font-family: 'fontawesome-alloy';

我缺少哪些步骤才能在我的主题中使用字体真棒合金?

  • Maven Dependencies?
  • @include在SCSS中?
  • CSS-Builder和/或Theme-Builder的POM参数?

更新 2019-08-22- 到目前为止,谢谢,但建议的默认步骤不起作用。合作伙伴在升级到DXP/7.0时为我们提供了主题并将其迁移到7.1。我做了一些更正,但无法解决此问题。主题模板中的Liferay图标不显示任何内容,并且在使用maven构建时导入会导致文件未找到错误。我已经打开了一张票证,并将要求合作伙伴解决问题。当我收到更正后的版本时,我将在此处更新,我可以根据我们的版本控制进行比较以识别潜在问题。

更新 2019-08-27- 事实证明(通过票证和示例作为回应(Milen 对"将第三方主题与粘土集成"的暗示可以解决问题。此外,我不得不使用"FontAwesome"作为字体系列和符号"\f0d7"而不是"\00a0\f0d7"。现在,主题在DXP 7.0中看起来像以前一样。 同样相关的是使用版本 3.0.1 和 3.0.4 而不是"当前版本"(4.x.x(作为前端依赖项,这会导致在使用 maven 构建时有关字体真棒导入的"找不到文件"问题。

我假设你使用Clay,这是Liferay Portal 7.1中的默认设置。 如果是这样,它确实有自己的图标,因此默认情况下它不包括 font-awesome。 有关如何使用字体真棒图标的一些提示可在"将第三方主题与粘土集成"文档中找到。

您可以使用提供的标签库,如以下说明:

https://portal.liferay.dev/docs/7-1/tutorials/-/knowledge_base/t/liferay-ui-icons

在您的主题中,您可以像以下示例一样使用它:

<@liferay_ui["icon"]
image="../language/${language_id}"
message=flag_message
/>

请注意,要使用字体真棒图标,您需要包含icon属性而不是图像。如以下示例所示: (这个例子不是针对自由标记的,而是针对 JSP,标签库可以在两个地方使用(

<liferay-ui:icon icon="angle-down" />

另请注意,它不提供最新的图标,而是来自:https://fontawesome.com/v3.2.1/icons/

如果需要更新的版本,则必须手动包含所需的版本。


但是,如果您对提供的内部主题感到满意,而不是在标签库上,而是在构建主题时由Liferay添加的主题(它应该存在于build/css/font-awesome上(,您可以在scss子目录中找到所需的一切。此目录包含在文件build/css/font_awesome.scss

狙击_custom.scss示例

@import 'liferay-font-awesome/scss/font-awesome';
@import 'liferay-font-awesome/scss/glyphicons';

最新更新