css - polymer 和共享样式。在整个元素中使用 font-awesome 这样的字体

标签 css fonts polymer font-awesome

如何使用 font-awesome遍及我的元素?理想情况下,我希望将它包含在 head 标签中或像任何其他元素一样类似。但是由于webcomponents的ShadowDOM,无法识别。

我知道有一个 shared styles polymer 溶液,但这不会将所有字体都添加到每个小组件中并占用内存和性能吗?

我还看到有用于字体超棒的 polymer 组件,如 this one ,但我宁愿不要以这种方式使用它。这需要使用 iron-icon,而且我已经有一个我正在尝试移植的元素,所以我以标准方式使用 font-awesome <i class="fa fa-cog"></i> .而且它还需要另一个依赖项才能使 font-awesome 工作,这可能会随时停止支持,因为它不是由 font-awesome 团队维护的。

最佳答案

顾名思义,共享样式是共享的,而不是为每个组件加载。它们被加载一次并在包含它们的地方应用。

关于css - polymer 和共享样式。在整个元素中使用 font-awesome 这样的字体,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38740431/

相关文章:

html - WebFont 不会显示

css - 文本字符串中的特殊性

html - 如何让dl dds互相对齐

html - &lt;input type=button/> 改变背景颜色

javascript - 第三方 polymer 元件

javascript - 当 "resizable"元素隐藏/取消隐藏(如文档中所述)时, polymer IronResizableBehavior 铁调整大小事件不会触发

javascript - 更新 polymer 元素模板

html - 使用 Chrome 内容扩展在 Apps 脚本代码编辑器中获取滚动条元素

java - 字体扩展不适用于 JasperReports

r - ggplot2:将绘图保存为带有嵌入字体的 EPS