前端学习 -- Css -- 字体

设置字体颜色,使用color来设置文字的颜色

设置文字的大小,浏览器中一般默认的文字大小都是16px
font-size设置的并不是文字本身的大小,在页面中,每个文字都是处在一个看不见的框中的我们设置的font-size实际上是设置格的高度,并不是字体的大小一般情况下文字都要比这个格要小一些,也有时会比格大,根据字体的不同,显示效果也不能。

通过font-family可以指定文字的字体

当采用某种字体时,如果浏览器支持则使用该字体,如果字体不支持,则使用默认字体。
该样式可以同时指定多个字体,多个字体之间使用“,”分开。
当采用多个字体时,浏览器会优先使用前边的字体,如果前边没有在尝试下一个。

浏览器使用的字体默认就是计算机中的字体,如果计算机中有,则使用,如果没有就不用。
在开发中,如果字体太奇怪,用的太少了,尽量不要使用,有可能用户的电脑没有,就不能达到想要的效果。

示例demo:

<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            p{
                color: red;
                font-family: 华文彩云 , arial , 微软雅黑;;
            }
        </style>
    </head>

    <body>
        <p>
            日出而作,日入而息。 凿井而饮,耕田而食。 帝力于我何有哉!
        </p>
    </body>

</html>

效果:

原文地址:https://www.cnblogs.com/androidsuperman/p/6696946.html