codecamp

2.4 加重显示和斜体字的所有方式

2.4 加重显示和斜体字的所有方式


利用CSS加入斜体字非常简单,而且我们对于加重字体还有很多选择。

字体风格

字体风格用来控制斜体字的属性,非常漂亮又非常简单:

    H3 { font-style: italic }



当浏览器接到应用斜体字的指令后,它将用户的机器中寻找安装的斜体字版本,果不存在斜体字,浏览器将生成一种。常,就是指将正常的字体倾斜显示。

如果一种字体的名称为Oblique,而不是Italic,浏览器就会使用oblique作为字体风格的参数。

字体风格的第3种参数是normal,它将取消斜体字风格,将字体以正常形式显示。


字重


加重风格可以关闭或打开,利用字重属性,可以创造出一系列新的加重字体。

    P { font-weight: bold }



这是字重最常见的应用方式,而normal属性也可以取消加重字体,将字体以正常形式显示。

你还可以用数值100,200,...900。正常的非加重体的字体值为400,900是最加重的字体参数值。

Web浏览器将决定每一参数值的实际显示。

要显示这些例子的效果,你必须安装相应的字库,并且你的系统还得支持CSS: 


而且你的用户的机器也必须安装相同的字而且其系统支持CSS的这些参数值。(IE 3对此均不支持)。

最后,你还可以给字重加上lighter和bolder参数,当然前提是所使用的字体已经赋予了某种级别的加重字体属性。在已有属性级别上,浏览器将使字体的显示相应地更加重一些(bolder)或更轻一些(lighter)。


(注意:IE 3或Netscape Communicator都不支持lighter或bolder参数。)



2.3 对字号的控制
2.5 文字的特殊效果
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }