• 微信公众号:美女很有趣。 工作之余,放松一下,关注即送10G+美女照片!

字体分类

开发技术 开发技术 6小时前 3次浏览
<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            p{
                font-family: arial , 微软雅黑 , 华文彩云 , serif;
            }
        </style>
    </head>
    <body>
        <!-- 
            在网页中将字体分成5大类:
                serif(衬线字体)
                sans-serif(非衬线字体)
                monospace (等宽字体)
                cursive (草书字体)
                fantasy (虚幻字体)
            可以将字体设置为这些大的分类,当设置为大的分类以后,
                浏览器会自动选择指定的字体并应用样式
            一般会将字体的大分类,指定为font-family中的最后一个字体    
        -->
        <p style="font-size: 50px; font-family: serif;">衬线字体:我是一段文字,ABCDEFGabcdefg</p>
        <p style="font-size: 50px; font-family: sans-serif;">非衬线字体:我是一段文字,ABCDEFGabcdefg</p>
        <p style="font-size: 50px; font-family: monospace;">等宽字体:我是一段文字,IHABCDEFGabcdefg</p>
        <p style="font-size: 50px; font-family: cursive;">草书字体:我是一段文字,ABCDEFGabcdefg</p>
        <p style="font-size: 50px; font-family: fantasy;">虚幻字体:我是一段文字,ABCDEFGabcdefg</p>
    </body>
</html>

 


程序员灯塔
转载请注明原文链接:字体分类
喜欢 (0)