安装字体-使用Laravel 9 (Vite)非常棒
提问于 2022-08-09 00:06:30
我使用的是Laravel 9，它不再使用mix了，但是vite，为了捆绑资源，我也不使用任何预处理程序，比如sass或更少，也不知道任何关于它们的信息。
每一篇关于在互联网上添加字体的文章都是针对不使用vite的Laravel 8和bellow。此外，它们都要求我把字体可怕的包放在我没有的app.sass文件中，并且不确定如何准确地安装和使用。
我是一名学生，正在开发离线演示的应用程序，所以不允许使用CDN。
有人能解释一下不用sass和vite安装字体的过程吗?或者如果sass是必须的，那么简单地向我解释一下，它是什么，我如何安装它，并使用它。
提前谢谢。
回答 2
Stack Overflow用户
发布于 2022-08-09 00:51:05
所以我想明白了。结果就像跑一样简单
npm install @fortawesome/fontawesome-free然后加上
@import "@fortawesome/fontawesome-free/css/all.css";到您的app.css文件。然后，您可以继续使用
<i class="fa-solid fa-cart-shopping"></i>在你的代码中也是类似的。
Stack Overflow用户
发布于 2022-11-02 08:40:09
不管它的价值是什么，我用的是Laravel 9和Vite。除了NPM安装之外，我在vite.config.cs和resources/sass/app.scss中有以下代码。按预期工作。
vite.config.cs
export default defineConfig({
//...
plugins: [
laravel([
'resources/css/app.css',
]),
],
resolve: {
alias: {
'~fa': path.resolve(__dirname, 'node_modules/@fortawesome/fontawesome-free/scss'),
}
},
});resources/sass/app.scss
$fa-font-path:"~fa/../webfonts";
@import "~fa/fontawesome.scss";
@import "~fa/solid.scss";
@import "~fa/regular.scss";
@import "~fa/brands.scss";页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/73288452
复制相关文章
点击加载更多
腾讯云开发者
