Web全栈工程师之路(二)——CSS篇(十)——字体

 

<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>CSS3初识(十)字体</title>
    <style>
        /*font-face可以将服务器上的字体提供给用户使用*/
        @font-face {
            /*指定你给字起的名字*/
            font-family: 'rebirth';
            /*服务器字体的路径*/
            /*src: url("");*/
        }
        p{
            color: royalblue;
            font-size: 20px;
            font-family: '华文行楷','微软雅黑',sans-serif;
        }
        /*
            字体相关的样式:
                color:设置字体颜色
                font-size:设置字体大小
                    相关单位:
                        em:相当于当前元素的一个font-size
                        rem:相当于根元素的一个font-size
                font-family:设置字体风格
                    可选值:
                        serif:衬线字体
                        sans-serif:非衬线字体
                        monospace:等宽字体
                    font-family可以同时指定多个字体,多个字体间使用','隔开,第一个无法使用就用后面的

          */
    </style>
</head>
<body>
    <p>道可道,非常道;名可名,非常名。</p>
</body>
</html>

 

上一篇:【CSS】hover闪光


下一篇:前端 - font-family 各字体一览表