问题描述
文字是网页内容的重要组成部分，所以文字字体的设置是非常重要的，字体设置得当，能够给用户更好的阅读体验。那么如何设置更加得体的字体呢？这篇文章将会解决这个问题。
解决方案
CSS字体font属性具有较强的继承性，比如：对body设置了font-family、font-size等，都会应用到body包含的所有元素。
//此设置，就会从sans-serif系列字体中选择一种应用到body的所有元素。
//指定多种字体或字体系列。注意：当字体名中有一个或多个空格或者如果字体名包括#或$之类的符号，我们需要在font-family声明中加引号。
字体大小
font-size属性，值可以为绝对值（px）或相对值（em、100%），绝对值为固定字体的大小，不允许用户在浏览器中改变文本大小。相对值是相对周围元素来设置大小，允许用户在浏览器改变字体大小。推荐大家使用相对值来设置大小，在不同浏览器，显式效果不同，使用相对值设置大小，能够根据浏览器不同，自动改变文本大小，使用户体验感更好。
字体风格
font-style属性最常用于规定斜体文本，它的三个值：normal(正常显示)、italic(斜体显示)和oblique(倾斜显示)。
italic和 oblique 文本在 web 浏览器中看上去完全一样。但italic是对每一个字体做了微小的改变，而oblique是对整个字体的一个倾斜。
字体变形
font-variant属性设定小型大写字母显示文本，即所有的小写字母均会被转换为大写，但是所有使用小型大写字体的字母与其余文本相比，其字体尺寸更小。
结语
本文介绍了很常见但很重要的font属性，字体的设置看似简单，但背后也有深藏玄机，大家能够通过这篇文章学习关于font属性的知识。当然本文也只是简单介绍了一下font属性，在后续文章中也会推出更多关于介绍font属性的文章。
联系客服
