Dart 字体在<;span>;对于聚合物“&燃气轮机;0.10.0“;

Dart 字体在<;span>;对于聚合物“&燃气轮机;0.10.0“;,dart,dart-polymer,Dart,Dart Polymer,现在applyAuthorStyles已被弃用,字体可怕的图标不再显示。这个问题有一些有用的信息,但我无法让未经测试的建议发挥作用 以下是一个非常简单的抵押计算器组件项目的模板: 付款时间表 开始日期 在polymer 0.10.0之前,使用建议的applyAuthorStyles补丁,此代码有效。这意味着,通过应用那些字体可怕的类(class=“fa fa calendar fa fw”),字体可怕的图标就会出现。我已经删除了applyAuthorStyles,并进行了更新所需的其他pol

现在applyAuthorStyles已被弃用,字体可怕的图标不再显示。这个问题有一些有用的信息,但我无法让未经测试的建议发挥作用

以下是一个非常简单的抵押计算器组件项目的模板:


付款时间表
开始日期
在polymer 0.10.0之前,使用建议的applyAuthorStyles补丁,此代码有效。这意味着,通过应用那些字体可怕的类(class=“fa fa calendar fa fw”),字体可怕的图标就会出现。我已经删除了applyAuthorStyles,并进行了更新所需的其他polymer init更改。除了字体图标不再显示外,该组件工作正常

当我运行这个抵押计算器应用程序并查看inspector时,我看到这些类应用于跨度。所以我猜问题是类的定义(fa-fa-calendar-fa-fw)不可用

关于如何使此特定场景工作的任何信息


组件已托管

applyAuthorStyles已弃用。因此,您必须在
中包含样式表

问题是,
@font-face
目前在聚合物元件内部不起作用。解决方案是在常规文档中包含
@font-face
,并将类添加到您的文档中,或者在这两个位置都包含font-awesome.css

这应该可以解决问题

另见: - -

尊敬的Robert,请考虑使用或使用生成您自己的子集

您可以在核心图标和其他基于图标的元素中使用FA,如下所示:

<core-icon icon="fa:calendar"></core-icon>

这有一个元素

使用以下命令:

  • fa icons.html
  • 将其放入新的
    iron iconset svg
  • 导入
    铁图标导入svg
    铁图标
  • 像其他
    铁图标一样使用它

  • 您可以在此处查看如何使用:

    我也不太走运。让我们在这两个地方都包含font-awesome.css。首先,我将文件夹font-awesome-4.1.0添加到我的包的lib文件夹中。然后,我在我的…/examples/mortgage\u calculator.html顶部文件中,也就是在组件中的前面,放了这一行。这是你答案的建议还是部分?好的,我想我明白了。link语句必须在元素内部,但不能在元素的前面。是的,当然:)只能保存文本。在这里很好!或者你不需要使用npm