字体的样式

Author Avatar
Ninefire 6月 06, 2018
  • 在其它设备中阅读本文章
  • 使用color来设置文字的颜色
    例:color: red; /*设置文字颜色为红色*/
  • 使用font-size来设置文字的大小
    例:font-size: 22px;/*设置文字大小为22像素*/

font-size设置的并不是文字本身的大小,在页面中,每个文字实际上都是处在一个看不见的“框”中,font-size实际上设置的是“框”的高度,并不是文字的大小。一般情况下文字都要比这个“框”小一些,有时也会比“框”大,由于字体的不同,显示效果也不尽相同。

  • 使用font-family来设置文字的字体
    例1:font-family: "微软雅黑"; /*设置文字的字体为微软雅黑*/
    例2:font-family: arial,玖燃体,微软雅黑; /*设置多个字体时用逗号隔开*/

当采用某种字体时,若浏览器支持则使用该字体,若不支持则使用默认字体。
当采用多个字体时,浏览器会优先使用写在前面的字体,若前面的字体无法使用则尝试下一个。

浏览器使用的字体都是用户计算机中已安装的字体,若计算机中有则使用,没有则不使用。
注意:在开发过程中,如果一种字体太冷门、太奇怪、普及率太低,则尽量不使用该字体,很大可能用户的计算机中没有安装该字体,那么就不能达到开发者预期的效果。我们在开发过程中要穷尽目光去发现和考虑用户可能遇到的所有问题,这有这样才能成为一名优秀的开发者。

如发现错误请联系我,谢谢你。
本文链接:http://ninefire.tk/HTML&CSS.basics/26.html