css---7自定义字体

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

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

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

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

            @font-face {
                font-family:"Damu";
                src: url(font/BAUHS93.TTF);
            }
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            @font-face {
                font-family:"Damu";
                src: url(font/BAUHS93.TTF);
            }
            
            #test{
                font: 50px "Damu";
            }
            
            /*#test{
                font: 100px "微软雅黑";
            }*/
            
        </style>
    </head>
    <body>
        <div id="test">
            111
        </div>
    </body>
</html>
View Code

猜你喜欢

转载自www.cnblogs.com/hack-ing/p/11764535.html