css字体属性定义文本的字体系列、大小、加粗、风格（如斜体）和变形（如小型大写字母）font-family控制字体，由于各个电脑系统安装的字体不尽相同，但是基本装有黑体、宋体与微软雅黑这三款字体。
font-size控制字体大小，我们设置字体大小是设置它的宽度，它的高度一般电脑系统默认字体大小是16px，所以字体大小尽量不要低于16px，1em=16px；
font-weight: bold;/*控制字重 一般是100-900 常用lighter(细体) normal（正常）bold加粗 */
至于这个font-style，一般默认是normal，也就是正常的，如果说你设置 font-style: italic;斜体话，其实和这个907fae80ddef53131f3292ee4f81644bd1c6776b927dc33c5d9114750b586338的效果是差不多的;文字间的间距用的line-height如果和高度相等话，就是垂直居中了。
通常font字体的简写:font:style weight size/line-heigt font-family /*要求必须出现的2个是 size与font-family*/
<!doctype html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>css常用样式font字体的多种变换</title> <style> div{ font-family: 'microsoft yahei';/*微软雅黑*/ /* font-family: 'lucida sans','lucida sans regular', 'lucida grande', 'lucida sans unicode', geneva, verdana, sans-serif; */ /*字体加上双引号或者单引号，当有多个字体的时候，中间逗号分开*/ color:#f90; font-size: 24px;/*控制字体大小*/ font-weight: bold; /*控制字重 常用lighter(细体) normal（正常）bold加粗 */ font-style: italic;/*等同于em*/ line-height: 30px; } /*font字体的简写:font:style weight size/line-heigt font-family*/ /*要求必须出现的2个是 size font-family*/ p{ font: 24px/1.5em 'lucida sans','lucida sans regular', 'lucida grande', 'lucida sans unicode', geneva, verdana, sans-serif; letter-spacing: 1px;/*英文字母间距*/ word-spacing: 10px;/*英文单词间距*/ } p::first-letter{ text-transform: capitalize; }/*第一个字母::first-letter*/ p::first-line{ color:red; }/*第一行::first-line*/ </style></head><body> <div>技术为王世界,欲问青天山顶景色是否独好技术为王世界, 欲问青天山顶景色是否独好技术为王世界,欲问青天山顶景色是否独好技术为王世界, 欲问青天山顶景色是否独好技术为王世界,欲问青天山顶景色是否独好技术为王世界, 欲问青天山顶景色是否独好技术为王世界, 欲问青天山顶景色是否独好技术为王世界,欲问青天山顶景色是否独好 </div> <p>technology is king world, i want to ask if the scenery on the top of qingtian mountain is the king of technology, i want to ask whether the scenery of qingtian peak is the king of technology. if the technology is the king of the world, i would like to ask whether the scenery on the top of qingtian mountain is the king of the world. is the scenery good?</p></body></html>
关于样式继承问题/*与文字有关样式会被继承下去*/代码展示如下：
<!doctype html><html><head> <meta charset="utf-8"> <title>index</title> <style> p{ font-size: 20px; font-family: 微软雅黑; color:#f00; font-weight:bold; font-style:italic; word-spacing:15px; } </style></head><body> <div> <p><span>linux php linux</span></p> <p><span>linux linux php linux</span></p> <p><span>linux linux php linux</span></p> <p><span>linux linux php linux</span></p> </div> </body></html>
更多编程相关知识，请访问：编程教学！！
以上就是css font控制字体的多种变换的详细内容。