通过nuxt更改字体真棒图标颜色

Question

如何更改nuxt中的字体图标的颜色？我为图标指定了一个类名并设置了颜色：＃444444”，但它似乎不起作用。font-size属性可用于该图标。

    <div class="icons">
      <font-awesome-icon
        :icon="['fab', 'github-square']"
        class="icons__btn icons__github"
      />
      <font-awesome-icon
        :icon="['fab', 'twitter-square']"
        class="icons__btn icons__twitter"
      />
    </div>

    .icons {
  margin-bottom: 5rem;
  &__btn {
    margin-top: 2rem;
    font-size: 5rem;
    color: red;
  }
  &__twitter {
    margin-left: 1rem;
  }
}

Answer 1

您应该再次检查您的fontawesome模块是否正确装入，或者再次检查您的css代码是否正确编译。

我做了use fontawesome in nuxt的演示，希望对您有帮助。