CSS属性之字体(Font)_html/css_WEB-ITnose
font:[ [
复合属性,各属性见下文。
必须同时包含font-size和font-family,且这两个值顺序不能变,其他关键字的值放到这两个值的前面,顺序可以随意打乱。
可以在字号值(font-size)上放一个可选的行高值(line-height)作为字号的某种附属值,后面必须有font-family。
font-style:normal | italic | oblique
normal: 指定文本字体样式为正常的字体。
italic: 指定文本字体样式为斜体。对于没有设计斜体的特殊字体,如果要使用斜体外观将应用oblique。
oblique: 指定文本字体样式为倾斜的字体。人为的使文字倾斜,而不是去选取字体中的斜体字。
注:italic 和 oblique 的区别实在看不出来,至少在Chrom浏览器下看不出来。
font-variant:normal | small-caps
normal: 正常的字体。
small-caps: 小型的大写字母字体。
font-weight:normal | bold | bolder | lighter |
normal: 正常的字体。相当于number为400。
bold: 粗体。相当于number为700。
bolder: 特粗体。也相当于strong和b对象的作用。
lighter: 细体。
font-size:
font-family:[
font-stretch:ultra-condensed | extra-condensed | condensed | semi-condensed | normal | semi-expanded | expanded | extra-expanded | ultra-expanded
ultra-condensed: 比正常文字宽度窄4个基数。
extra-condensed: 比正常文字宽度窄3个基数。
condensed: 比正常文字宽度窄2个基数。
semi-condensed: 比正常文字宽度窄1个基数。
normal: 正常文字宽度。
semi-expanded: 比正常文字宽度宽1个基数。
expanded: 比正常文字宽度宽2个基数。
extra-expanded: 比正常文字宽度宽3个基数。
ultra-expanded: 比正常文字宽度宽4个基数。
但即使支持,显示效果也与正常文字并无不同。
上一篇: 分享一个清理内存卡和U盘里垃圾的小程序
下一篇: 教你提升微信小程序开发效率的步骤详解
推荐阅读
-
HTML,CSS,font-family中文字体的英文名称总览
-
HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑)
-
前端之CSS字体和文本类属性
-
CSS3之圆角_html/css_WEB-ITnose
-
CSS3之弹性布局_html/css_WEB-ITnose
-
自学篇之js 提取复选框和单选框的值 和纯css的3D按钮_html/css_WEB-ITnose
-
html之div始终停留在屏幕中间部分_html/css_WEB-ITnose
-
解决Web部署 svg/woff/woff2字体 404错误_html/css_WEB-ITnose
-
IE9中CSS2 height属性失效问题_html/css_WEB-ITnose
-
CSS 之 核心篇_html/css_WEB-ITnose