概述
三行语句：
font-size: 14px; 字体大小 line-height: 20px; 行高 font-family: "宋体"; 字体 |
● 可以使用font属性，将字号、行高、字体，一起设置。则上面三行语句等价于：
font: 14px/20px “宋体”; |
line-height: 20px ;行高20px；
文本在行里面垂直居中；想要单行文本垂直居中，需要设置行高=盒子高。想让多行本文垂直居中，需要设置盒子的padding。
font-family就是“字体”。
● 网页中不是所有字体都能用，要看用户电脑里装没装这个字体，比如设置：
font-family: "华文彩云"; |
如果用户电脑里没装没有这个字体，那么就会变成宋体。
页面中，中文使用： 微软雅黑、宋体、黑体。 如果需要其他字体，切图。
英语使用：Arial 、 Times New Roman
● 为防止用户电脑没有微软雅黑这个字体。就要用英语逗号隔开备选字体
font-family: "微软雅黑","宋体"; |
就是说如果用户电脑里面，没有安装微软雅黑字体，那么就是宋体，备选字体可以有无数个，用逗号隔开。
● 要将英语字体放最前面，这样所有中文就不能匹配英语字体，就自动变为后面的中文字体：
font-family: "Times New Roman","微软雅黑","宋体"; |
● 所有中文字体，都有英语别名：
微软雅黑的英语别名：
font-family: "Microsoft YaHei"; |
宋体的英语别名：
font-family: "SimSun"; |
font属性能够将font-size、line-height、font-family合三为一：
font:12px/30px "Times New Roman","Microsoft YaHei","SimSun"; |
● 行高可用百分比，表示字号的百分之多少。一般来说，都大于100%，因为行高一定要大于字号。
font:15px/200% “SimSun”; |
等价于
font:15px/30px “SimSun”; |
反过来，比如：
font:13px/39px “SimSun”; |
等价于
font:13px/300% “SimSun” |
最后
以上就是长情可乐为你收集整理的CSS——font属性的全部内容，希望文章能够帮你解决CSS——font属性所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。
发表评论 取消回复