在整个项目中调整 fontawesome 图标的大小

Question

我想在 vuetify 中使用 font-awesome 而不是他们默认使用的 material 图标，但是 font-awesome 图标都非常大并且在 vuetify 组件中看起来很笨重，有没有办法使它们整体变小，也许 font-size 或什么？

这就是我的意思的一个例子，上面的图标还可以，但是密码眼睛太大了，看起来很糟糕。

在这个眼睛图标的例子中，由于它的设置方式，我无法像往常一样调整它的大小。它们只是在 v-text-view 中被调用，所以我不能设置字体大小或任何东西。

<v-text-field
    v-model="form.password"
    :rules="rules.passwordRules"
    label="Password"
    :append-icon="show ? 'fas fa-eye fa-xs' : 'fas fa-eye-slash fa-xs'"
    :type="show ? 'text' : 'password'"
    @click:append="show = !show"
    clearable
    required></v-text-field>

Answer 1

font-size 应该有效：

.fas {font-size: 16px;}

在整个项目中调整 fontawesome 图标的大小

Resize fontawesome icons all over project

font-awesome