html如何设置全局字体

永远的12

于 2023-01-04 16:24:40 发布

阅读量2.6k

点赞数

文章标签： html 前端 javascript css css3

本文链接：https://blog.csdn.net/weixin_35749440/article/details/128868268

版权

你可以在 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>

在这种情况下，如果浏览器支持 MyFont 字体，则会使用它，否则会使用 sans-serif 字体。