html相对单位 绝对单位以及服务器字体

/* 绝对单位

            厘米cm 毫米mm 英寸in 像素px */

        /* 相对单位

            百分比%

            em相对于父级元素字体大小

            rem根元素的字体大小的

            vw相对于视口宽度的百分比

            vh相对于视口高度的百分比

            vmin相对于视口宽高中较小的值的百分比

            vmax相对于视口宽高中较大的值的百分比*/

        /* 角度单位 deg */

        /* 服务器字体 在不同的电脑，不同操作系统，不同浏览器之间全场风格统一*/

        /*服务器字体定义语法

            @font-face {

            /* 定义服务器字体的名字 */

        /* font-family: aa; */

        /* 设置字体资源路径    format设置字体格式 其值TrueType对应*.ttf字体文件  OpenType对应*.otf字体*/

        /* src: url() format(); */

        /* } */

服务器字体：

@font-face {
            /* 定义服务器字体的名字 */
            font-family: aa;
            /* 设置字体资源路径 */
            src: url("../img/YeZiGongChangXiaoShiTou-2.ttf") format(TrueType);
        }
        
        div {
            background: plum;
            width: 100px;
            height: 100px;
            font-size: 20px;
            /* 字体 
            多个值的话依次向后找，直到找到字体，找不到的话就使用默认*/
            font-family: aa;
        }

运行样例：