学习方式:深入
指定字体名称。字体名称之间用逗号分割。浏览器会使用第一个认识的字体。如
指定字体大小。如
指定文字的颜色。可选值见 这里
指定行高。如
指定字的粗细。可选值为
属性指定字体的风格。可选值
所有主流浏览器都支持 font-style 属性。
任何的版本的 Internet Explorer (包括 IE8)都不支持属性值 "inherit"
一种字体有粗体、斜体、下划线、删除线等诸多属性。但是并不是所有字体都做了这些,一些不常用的字体,或许就只有个正常体,如果你用 italic,就没有效果了~这时候你就要用Oblique。
换种说法:italic 是指斜体字,而Oblique是让文字倾斜。对于没有斜体的字体应该使用Oblique属性值来实现倾斜的文字效果。对于有斜体属性的字,使用italic和oblique是一样的。
font由 font-style, font-variant, font-weight, font-size, line-height and font-family组成。
如
指定元素内文本的水平对齐方式。可选值
指定缩进。如,段落缩进两个字符
隐藏文字可以用
对文本进行修饰。可选值
指定文本超过元素大小时候的处理方式。
单行文本溢出加省略号
用于垂直对齐inline元素,也就是display值为inline和inline-block的元素。这个属性比较复杂,见
指定元素的内容中有空格时如何处理。
比较多的用法是,当元素内容中没用空格时,禁止部分内容换行。
css引用字体问题在CSS中通过@font-face属性来实现网页中嵌入特殊字体。
首先获取要使用字体的三种文件格式.EOT、.TTF或.OTF、.SVG,确保能在主流浏览器中都能正常显示该字体。
.EOT,适用于Internet Explorer 4.0+
.TTF或.OTF,适用于Firefox 3.5、Safari、Opera
.SVG,适用于Chrome、IPhone
最常见的是.TTF文件,需要通过这种文件格式转换为其余两种文件格式。
在css中进行如下声明:
@font-face {
font-family: 'fontNameRegular'
src: url('fontName.eot')
src: local('fontName Regular'),
local('fontName'),
url('fontName.woff') format('woff'),
url('fontName.ttf') format('truetype'),
url('fontName.svg#fontName') format('svg')
}
/*其中fontName替换为你的字体名称*/
在css中使用这个字体
h1{font-family: fontNameRegular}