问题描述
文字是网页内容的重要组成部分,所以文字字体的设置是非常重要的,字体设置得当,能够给用户更好的阅读体验。那么如何设置更加得体的字体呢?这篇文章将会解决这个问题。
解决方案
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属性的文章。
联系客服