为什么Font不适用于类星体/Vite？
为什么Font不适用于类星体/Vite？
提问于 2022-09-05 01:38:18
我有过
<link rel="stylesheet" href="https://unpkg.com/font-awesome@latest/css/font-awesome.min.css">
...
<i class="fa fa-camera-retro"></i>这是可行的，但我想使用类星体(使用Vite)，所以我将以下内容添加到我的main.js文件中.
import iconSet from 'quasar/icon-set/fontawesome-v6';
import '@quasar/extras/fontawesome-v6/fontawesome-v6.css';
import "quasar/src/css/index.sass";
app.use(Quasar, {
iconSet: iconSet,
plugins: {}, // import Quasar plugins and add here
});
...
<q-btn dense flat icon="close" />但图标并没有出现，相反，我看到的是近距离。我遗漏了什么？
回答 1
Stack Overflow用户
发布于 2022-09-05 13:33:45
您不需要在应用程序中导入它，只需配置quasar.config.js：https://quasar.dev/options/installing-icon-libraries#introduction
extras: [
// 'ionicons-v4',
// 'mdi-v5',
'fontawesome-v6',
// 'eva-icons',
// 'themify',
// 'line-awesome',
// 'roboto-font-latin-ext', // this or either 'roboto-font', NEVER both!
// 'roboto-font', // optional, you are not bound to it
// 'material-icons', // optional, you are not bound to it
// 'material-icons-outlined',
// 'material-symbols-outlined'
],那就在你想用的地方用它
<q-icon name="fa-solid fa-ambulance" />此外，请注意如何根据库选择的https://quasar.dev/vue-components/icon#webfont-usage正确使用字体名称。
当使用字体时，图标名应该是
fa-[solid,regular,brands] fa-
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73603848
复制相关文章
相似问题
腾讯云开发者
