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
  • 相关阅读:
    关于const_cast
    TinyXPath与TinyXML
    C++的异常
    如何让对象只能处于堆中
    股票的委托价、成交价与成本价的关系
    static_cast dynamic_cast reinterpret_cast const_cast
    C++ MD5,SHA1源码下载和简单调用
    C++中char[]转string
    HttpWorker
    winnet winhttp
  • 原文地址:https://www.cnblogs.com/hack-ing/p/11764535.html
Copyright © 2011-2022 走看看