如何使用 ttf 文件通过 Bootstrap 5 覆盖现有字体？ main.scss

问题描述

我是 Bootstrap 和排版的新手。我的网站使用 Bootstrap 5，我使用自己的 main.scss 文件对其进行自定义。

我正在尝试修改我网站的基本字体，但它不起作用。为什么 ？我想使用在本地存储为 ttf 文件的字体“Abuget”。

在main.scss中导入Abuget字体后，我编译了。

main.scss

@font-face {
  font-family: "Abuget";
  src: url("../media/fonts/Abuget.ttf");
}

$font-handwriting: 'Abuget';

$font-family-base: $font-handwriting;

@import '../node_modules/bootstrap/scss/bootstrap.scss';

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）