css --- 7 custom fonts

Illustrator 1.Adobe
AI is a used in publishing, multimedia and online industry standard vector image illustration software, is a very good vector graphics tools.
The software is mainly used in printing and publishing, book publishing posters, professional illustrator, image processing and production of multimedia Internet pages, etc.,
can also provide high accuracy and control for the artwork, designed for the production of any small to large, complex projects

2. FontLab
FontLab is a professional-level font editing software is widely used in font design and layout printing industry and other professional applications.
It is possible to modify existing fonts, it can also be completely redesigned font accordance with the requirements needed.

Fonts are compatible with the processing site
https://www.fontsquirrel.com/tools/webfont-generator
icomoon font icon
https://icomoon.io/#home

3. Fonts icon basic idea
- to design a vector
- different vector bound to generate a different custom font character
--- usually handled by tools or sites
- use the page

            @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 "Microsoft elegant black"; 
            }*/
            
        </style>
    </head>
    <body>
        <div id="test">
            111
        </div>
    </body>
</html>
View Code

 

Guess you like

Origin www.cnblogs.com/hack-ing/p/11764535.html