DIV+CSS外部字体引用

浏览数：27 / 时间：2015年06月09日

注意：

　　由于各个浏览器兼容问题大家还是少用这个，下面是具体的使用方法和效果截图：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset=UTF-8">
    <title></title>
    <style type="text/css">
        *{padding:0px; margin:0px; font-size:50px;}
        @font-face { font-family: test; src: url(‘alpha_echo.ttf‘); } 
        @font-face { font-family: test1; src: url(‘Almendra-Bold.otf‘); } 
        @font-face { font-family: test2; src: url(‘MFYueHei_Noncommercial-Regular.otf‘); } 
        @font-face { font-family: test3; src: url(‘Ruthie-Regular-OTF.otf‘); } 
        p{font-family: "test";}
        b{font-family: "test1";}
        span{font-family: "test2";}
        strong{font-family: "test3";}
    </style>
</head>
<body>

    <p style="font-size:40px">asdfasdfasdf白增飞</p>
    <b>adfasdfasdf</b><br />
    <span>白增飞 demo Font test</span>
    <br />
    <strong>baizengfei 白增飞</strong>
</body>
</html>

效果如下：

DIV+CSS外部字体引用,古老的榕树,5-wow.com

郑重声明：本站内容如果来自互联网及其他传播媒体，其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享，并不代表本站赞同其观点和对其真实性负责，也不构成任何其他建议。

标签： class style html sp src 问题 使用 nb class style html sp src 问题 使用 nb

相关文章

随机文章

您可能还喜欢

您可能还喜欢