zoukankan      html  css  js  c++  java
  • 字体图标的案例

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>CSS3 Web字体</title>
        <style>
            body {
                text-align: center;
            }
    
            /*声明字体*/
            @font-face {
                /*第三方字体名称*/
                font-family: 'testfont01';
                /*引入第三方字体的文件*/
                src: url('../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.eot') format('embedded-opentype'),
                url('../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.woff') format('woff'),
                url('../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.ttf') format('truetype'),
                url('../fonts/LiDeBiao-Xing3/LiDeBiao-Xing3.svg') format('svg');
                font-weight: normal;
                font-style: normal;
            }
    
            p.demo {
                font-family: testfont01;
                font-size: 24px;
            }
        </style>
    </head>
    <body>
        <p class="demo">
            英雄不问出处,流氓不看岁数这个字行不行
        </p>
        <p class="demo">非英雄,非流氓</p>
    </body>
    </html>
  • 相关阅读:
    Spring mvc时间格式处理
    dubbo升级spring4与cxf
    dom4j使用总结
    java utils
    ES6
    ES6
    javascript常用方法
    ES6
    ES6
    ES6
  • 原文地址:https://www.cnblogs.com/lsy0403/p/5935159.html
Copyright © 2011-2022 走看看