11 自定义字体及字体图标

1 自定义字体

@font-face:允许网页开发者为其网页指定在线字体。 通过这种作者自备字体的方式，可以消除对用户电脑字体的依赖
       

@font-face {
    font-family:"damu";
    src: url(damu/GOUDYSTO.TTF);
}

       font-family
          所指定的字体名字将会被用于font或font-family属性
        src
           字体资源
注意:不能在一个 CSS 选择器中定义 @font-face 

2 字体图标

2.1 自定字体/字体图标步骤

1.Adobe illustrator

     AI是一种应用于出版、多媒体和在线图像的工业标准矢量插画的软件，是一款非常好的矢量图形处理工具。
     该软件主要应用于印刷出版、海报书籍排版、专业插画、多媒体图像处理和互联网页面的制作等，
     也可以为线稿提供较高的精度和控制，适合生产任何小型设计到大型的复杂项目

2.FontLab

     FontLab是一个专业级的字体编辑软件，广泛应用于字体 设计人员和排版印刷业等专业场合。
     它能够对已有的字体进行修改，也可以完全按照要求 重新设计需要的字体。

    字体兼容处理网站
       https://www.fontsquirrel.com/tools/webfont-generator
     icomoon字体图标
       https://icomoon.io/#home

3.字体图标基本思路

     -- 设计一套矢量图
     -- 将不同的矢量图绑定到不同的字符上生成自定义字体
     -- 一般通过工具或者站点来处理
     -- 在页面中运用