Fonts 如何更改引导字体系列？

所以我不知道如何更改引导字体系列。我已经搜索了答案，找到了以下链接：。我知道这个链接说明了要做什么，但它没有简单地告诉我如何做。就像即使链接出现了故障，它仍然不够简单，我无法理解

$font-family-sans-serif: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif !default;

我只是完全删除了苹果系统中的所有内容，然后做谷歌字体链接吗？好像我不明白。我找不到视频教程

我还在HTML中导入了Google字体样式表链接，然后在我的SCSS文件的body{中调用它，但它没有覆盖引导字体系列

---

非常感谢您的帮助。如果有人有我找不到的视频，请链接它。谢谢！

首先，从Bootstrap获取初学者模板，然后将以下行添加到

部分：

<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet"> 

现在，您可以在html

部分中使用此字体：

<p class="Roboto-font">This is text with my favourite font.</p>

这是我最喜欢的字体

---

示例：

SCSS文件需要编译成常规css文件（因为浏览器只能解释css，而不能解释sass）。您是否设置了执行此操作的流程？是的，我正在使用npm创建一个实时版本，该版本显示内容，但仍然不调整字体？

<p class="Roboto-font">This is text with my favourite font.</p>