CSS 字体风格 font-style属性

在CSS中，通过 font-style属性来设置文本的字体风格，可选值有 normal | oblique | italic，默认为 normal。normal 表示正常文本；oblique 表示正常文本的倾斜版本；italic 表示斜体，斜体是一种单独的字体风格。如：

.normal {
font-style: normal;
}
.oblique {
font-style: oblique;
}
.italic {
font-style: italic;
}

字体样式： normal 
字体样式： oblique 
字体样式： italic

上述代码定义了 3 种不同的字体样式。运行结果如图 3‑5 所示：

图3-5 font-style属性

CSS规范规定，如果没有 italic 字体，但有一种 oblique 字体，则要在需要italic的地方替换为 oblique。如果情况反过来，存在 italic 字体，但没有 oblique 字体，则浏览器可以不进行替换。

但是，从上图可以看出，使用 oblique 和 italic 的元素之间并没有明显的区别。实际上，不是每一种字体都同时有斜体（italic）和倾斜字体（oblique），即便这两种字体同时存在，也很少有浏览器如此费力的去区分它们。

关于作者

歪脖先生，十五年以上软件开发经验，酷爱Web开发，精通 HTML、CSS、JavaScript、jQuery、JSON、Python、Less、Bootstrap等，著有《HTML宝典》、《揭秘CSS》、《Less简明教程》、《JSON教程》、《Bootstrap2用户指南》、《Bootstrap3实用教程》，并全部在 GitHub 上开源。

CSS 字体风格 font-style属性相关推荐

CSS字体之font相关属性连写
格式: font:font-style font-weight font-size font-family 例如: font:italic bold 90px "宋体": 注意: ...
HTML标记fort属性最大取值,CSS(2)---css字体、文本样式属性
css字体.文本样式属性这篇主要讲CSS文本属性中的:字体样式属性和文本样式属性. 一.字体样式属性 CSS 字体属性主要包括:字体设置(font-family).字号大小(font-size) ...
[css] 字体的粗细的属性是用哪一个？它有哪些属性值？
[css] 字体的粗细的属性是用哪一个?它有哪些属性值? font-size指的应该是字体大小,字体粗细应该是font-weight,值有normal,bold,bolder,lighter,inhe ...
CSS字体和文本的属性学习
CSS Fonts(字体)属性用于定义于字体系列.大小.粗细和文字样式 P { font-family: "微软雅黑"; } div { font-family: "Mi ...
前端学习 -- Css -- 字体的几个属性学习
font-style可以用来设置文字的斜体 - 可选值: normal,默认值,文字正常显示 italic 文字会以斜体显示 oblique 文字会以倾斜的效果显示 - 大部分浏览器都不会对倾斜和斜体 ...
matplotlib的Text、FontProperties对象、字体（font）属性|中文字体的设置|图像标题、label字体的设置
matplotlib.text.Text对象见文档描述matplotlib.text 设置Text字体性质的方法有两个: Text.set(xxx=value) Text.set_xxx(value ...
WEB代码：CSS字体样式、文本属性、背景样式、边框属性、鼠标样式、列表样式
1.字体样式: 1.字体样式 font-family 2.字体大小 font-size 3.字体类型 font-style 4.字体粗细 font-weight span{font-family: 微 ...
css 字体样式设置
css字体样式(Font Style),属性时间:2014-05-08 21:49 来源:我爱学习网 | 作者:我爱学习网 | 本文已影响 68353 人 css字体样式(Font Style)是网 ...
html设置字体比12还小,css字体更小 css比12px更小的方法
css 字间距.CSS字体间距.css 字符间距设置 1.text-indent设置抬头距离css缩进 2.letter-spacing来设置字与字间距_字符间距离,字体间距css样式 CSS 字体( ...

CSS 字体风格 font-style属性

CSS 字体风格 font-style属性相关推荐

最新文章

热门文章