@font-face网页嵌入字体

字体使用是网页设计中不可或缺的一部分。在网页中使用某一特定字体,通过CSS的@font-face属性来实现在网页中嵌入任意字体。

字体声明：
@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');
}

使用该字体：
p { font: 13px fontNameRegular, Arial, sans-serif; }
h1{font-family: fontNameRegular}

参考：
http://www.html5china.com/CSS3/20110120_1524.html
http://sixrevisions.com/css/font-face-guide/
http://www.cnblogs.com/lhb25/archive/2011/02/10/1950473.html