zoukankan      html  css  js  c++  java
  • 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
  • 相关阅读:
    异常处理
    JPG转换成BMP不成功???
    Vmware 7 下装载的最新Ubuntu10.04镜像会出现无法识别键盘输入的解决方法
    动态IP获取
    最佳Web设计资源
    设置NFS
    Ubuntu设置root用户自动登录
    编译QT4.5
    tq2440修改默认串口不支持打印控制台
    英语作文
  • 原文地址:https://www.cnblogs.com/hack-ing/p/11764535.html
Copyright © 2011-2022 走看看