visual-studio-code - 我在导入引导程序 5 期间遇到问题

Question

当我在 html 头上导入 bootstrap 5 并尝试在 css 文件上设置字体系列的样式时，字体不会改变。

标签： visual-studio-codefrontendbootstrap-5

Answer 1

首先确保您已经安装了您在系统上使用的字体。如果是这样，则将此链接放在您的 head 标签中并删除所有其他链接标签以进行引导。

<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">

在此处添加您的样式表

<link rel="stylesheet" type="text/css" link = "filename.css>

这在你的身体标签下方

<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"></script>

确保您在执行此操作时已连接到互联网。

如果这不起作用，请尝试!important如下使用

font-family : font-name !important