如何使用 bootstrap 或 CSS 为我的整个网站重置字体大小？

Question

我有一个奇怪的问题。我正在开发 Angular 8 MVC C# 应用程序。该网站使用默认浏览器字体运行良好。但是，我们必须为页眉、页脚和一些菜单包含一个部门 Nuget 包。通过包括这个，我在网站上的所有字体都大大减小了大小（7.5px 左右）。我尝试将 bootstarp 4.0 body 标签中的字体大小和字体粗细更改为 !important:

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 1rem !important;
  font-weight: 400 !important;
  line-height: 1.5;
  color: #212529;
  text-align: left;
  background-color: #fff;
}

这没有帮助。我应该更改什么以将所有 html 修复为默认大小（我无法更改 Nuget 包）？

Answer 1

你可以试试这个

*,
html,
body {
  font-size : 1rem;
  font-weight : 400;
 }

如何使用 bootstrap 或 CSS 为我的整个网站重置字体大小？

How can I reset font size for my entire website using bootstrap or CSS?

css

angular

bootstrap-4

font-size