vue.js - 如何修复 vuejs/vuetify 项目中的 steamalert2 font-family 问题？

Question

我有一个 vuejs/vuetify 项目，我正在使用 steamalert2。它工作正常，但有一个问题，警报上的文本有错误的字体系列。 我试图以这种方式修复它：

import swal from 'sweetalert2/dist/sweetalert2.all.min.js'
import 'sweetalert2/dist/sweetalert2.min.css';

但它没有用。我认为问题可能与 vuetify 有关，因为在另一个 laravel/vue 项目中，我使用了 vue-bootstrap、sweatalert2 并且效果很好。

标签： vue.jsvuetify.js

Answer 1

您可以通过覆盖规则来覆盖文本字体系列

.swal-overlay {
   font-family: "yourfont";
}