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;
        }

实现效果图如下：