字体样式应用是网页页面设计方案中不能或缺的1一部分。常常地，大家期待在网页页面中应用某1特殊字体样式，可是该字体样式并不是流行实际操作系统软件的内嵌字体样式，这样客户在访问网页页面的情况下就有将会看不见真正的设计方案。美工设计方案师最常做的方法是把要想的文本做成照片，这样做有几个显著缺点：1. 不能能大范畴的应用该字体样式；2. 照片內容相对性应用文本不容易改动；3. 不好于网站SEO（流行检索模块不容易将照片alt內容做为分辨网页页面內容有关性的合理要素）。互联网上有1些应用sIFR技术性、或javascript/flash hack的方式，但完成起来或繁琐，或有缺点。下面要讲的是怎样只根据CSS的@font-face特性来完成在网页页面中嵌入随意字体样式。
第1步
获得要应用字体样式的3种文档文件格式，保证能在流行访问器中都能一切正常显示信息该字体样式。
.TTF或.OTF，可用于Firefox 3.5、Safari、Opera
.EOT，可用于Internet Explorer 4.0+
.SVG，可用于Chrome、IPhone
下面要处理的是怎样获得到某种字体样式的这3种文件格式文档。1般地，大家在手头上（或在设计方案資源站点早已寻找）有该字体样式的某种文件格式文档，最多见的是.TTF文档，大家必须根据这类文档文件格式变换为其余两种文档文件格式。字体样式文档文件格式的变换能够根据网站FontsQuirrel或onlinefontconverter出示的线上字体样式变换服务获得。这里强烈推荐第1个站点，它容许大家挑选必须的标识符转化成字体样式文档（在服务的最终1个选项），这样就大大缩减了字体样式文档的尺寸，使得本计划方案更具好用性。
第2步
获得到3种文件格式的字体样式文档后，下1步要在款式表格中申明该字体样式，并在必须的地区应用该字体样式。
字体样式申明以下：
@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更换为你的字体样式名字*/
在网页页面中必须的地区应用该字体样式：
p { font: 13px fontNameRegular, Arial, sans-serif; }
h1{font-family: fontNameRegular}
或
<p style="font-family: fontNameRegular">掬水月在手，落芬芳满衣</p>
案例装包免费下载
