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

Question

我想将 font-awesome 与 vuetify 一起使用，而不是它们默认使用的材料图标，但是 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;}