WEB 前端常用字体和色值查询

最新推荐文章于 2023-07-14 14:33:55 发布

单乘风

最新推荐文章于 2023-07-14 14:33:55 发布

阅读量910

点赞数 1

文章标签：前端 css css3 html

本文链接：https://blog.csdn.net/Zachary_shan/article/details/129235118

版权

前言

在前端代码的编写过程中，我们很少去关注字体的设置，一般都是默认的。

在前端中，如果你没有给页面设置字体，那么默认就是操作系统的默认字体。我们在操作系统中设置的是什么字体那么在浏览器中显示的就是什么字体，一般这个字体默认是微软雅黑

CSS 如何设置字体

我们在编写代码的时候给元素或者页面设置字体的方式如下：

font-family: Microsoft YaHei;

如果你想给某一元素设置字体样式，那么需要给他设置一个 class 类，然后在style 中进行设置：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    .set_font_family{
        font-family: Microsoft YaHei;
    }
    </style>
</head>
<body>
    <div class="set_font_family">
        我是微软雅黑
    </div>
</body>
</html>

若是觉得给每个元素设置字体麻烦，在整个页面中统一用一个样式，那么直接给 body 设置即可，具体如下：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
    body{
        font-family: Microsoft YaHei;
    }
    </style>
</head>
<body>
    <div>
        我是微软雅黑
    </div>
    <p>我也是微软雅黑哟！</p>
</body>
</html>