web字体和字体图标

web字体和图标

web字体

用户电脑上没有安装相应字体，强制让用户下载该字体

使用@font-face指令制作一个新字体
格式如下：

        /* 制作一个新的字体，名称叫做good night */
        @font-face {
            font-family: "good night";
            src: url("./font/晚安体.ttf");//字体文件的存放位置
        }

        p {
            font-family: "good night";
        }
    
    
    

        长夜降至，我从今开始守望。
    

字体图标

常见字体图标库：iconfont.cn

在线使用字体图标

让字体图标在线生成css

    
    


    

        
        adsfasdfasdf
        
    

离线使用字体图标库

将字体图标库下载到本地 —>将这些文件添加到自己的项目中引用即可

    
    
    
    
    


    

        
    
```