html如何设置全局字体

你可以在 HTML 的 head 标签中使用 style 标签来设置全局字体。例如：<head><style>body {font-family: "Arial", sans-serif;}</style></head>上面的代码将使用 Arial 字体作为所有页面元素的字体。如果浏览器不支持 A...

永远的12

2002人浏览 · 2023-01-04 16:24:40

永远的12 · 2023-01-04 16:24:40 发布

你可以在 HTML 的 head 标签中使用 style 标签来设置全局字体。例如：

<head>
  <style>
    body {
      font-family: "Arial", sans-serif;
    }
  </style>
</head>

上面的代码将使用 Arial 字体作为所有页面元素的字体。如果浏览器不支持 Arial 字体，则会使用 sans-serif 字体。

你还可以使用 @font-face 规则来引用本地字体或远程字体，例如：

<head>
  <style>
    @font-face {
      font-family: "MyFont";
      src: url("myfont.woff2") format("woff2"),
           url("myfont.woff") format("woff");
    }
    body {
      font-family: "MyFont", sans-serif;
    }
  </style>
</head>