如何用多个font-faces覆盖bootstrap 4默认字体？

要用多个font-faces覆盖Bootstrap 4默认字体，可以按照以下步骤进行操作：

1. 首先，准备好自定义的字体文件（通常为.ttf或.otf格式），确保这些字体文件包含了你想要使用的各种字体样式。
2. 在你的项目中创建一个自定义的CSS文件，例如custom-fonts.css，并将其链接到HTML文件中。
3. 在custom-fonts.css文件中，使用@font-face规则来定义每个自定义字体。每个@font-face规则包括字体名称、字体文件路径和字体格式。例如：

@font-face {
  font-family: 'CustomFont1';
  src: url('path/to/custom-font1.ttf') format('truetype');
}

@font-face {
  font-family: 'CustomFont2';
  src: url('path/to/custom-font2.ttf') format('truetype');
}

/* 添加更多的@font-face规则来定义其他自定义字体 */

1. 在定义完所有自定义字体后，使用CSS选择器来覆盖Bootstrap 4默认字体。可以使用通用选择器（*）来选择所有元素，或者根据需要选择特定的元素。例如：

* {
  font-family: 'CustomFont1', 'CustomFont2', sans-serif !important;
}

这将使所有元素使用自定义字体，如果某个字体不可用，则会回退到sans-serif字体。

1. 将custom-fonts.css文件链接到HTML文件中，确保它在Bootstrap 4的CSS文件之后加载，以确保覆盖生效。

这样，你就可以使用多个font-faces覆盖Bootstrap 4默认字体了。

关于腾讯云相关产品和产品介绍链接地址，由于要求不能提及具体的云计算品牌商，建议你参考腾讯云官方文档或咨询腾讯云的技术支持团队，以获取更详细的信息和推荐的产品。