平常大家建立网站CSS的都了解，客户访问网站时，网页页面上的字体样式是载入当地电脑上里的。假如网站应用了客户电脑上所沒有安裝的字体样式，那显示信息字体样式便会被系统软件默认设置的字体样式所替代了，当然显示信息实际效果也就一落千丈了，这一难题怎样处理呢，成都市企业网站建设根据多方面面掌握。

这一难题，实际上還是有处理方法的。那么就是，提前准备一个或好多个字体样式文档，置放到服务器空间网络服务器上，再用 CSS 的载入方式把字体样式载入到网页页面中，那样，即便客户电脑上中沒有某一种字体样式，还可以一切正常显示信息！

以微软公司雅黑为例子，一般来讲，如今的 win7 系统软件都内置了这类字体样式，但 winXP 却沒有。假如网站内应用了雅黑字体样式，win7 系统软件的客户浏览可以一切正常显示信息，但 winXP 系统软件的客户浏览，也不能显示信息，应当是用默认设置的老宋体替代了。

载入字体样式文档的 CSS 方式，看这一段编码：

body {font-family: 微软公司雅黑 }
@font-face {
font-family:微软公司雅黑;
src: url( 微软公司雅黑.eot ); /* IE9 Compat Modes */
src: url( 微软公司雅黑.eot?#iefix ) format( embedded-opentype ), /* IE6-IE8 */
  url( 微软公司雅黑.woff ) format( woff ), /* Modern Browsers */
  url( 微软公司雅黑.ttf )  format( truetype ), /* Safari, Android, iOS */
  url( 微软公司雅黑.svg#微软公司雅黑 ) format( svg ); /* Legacy iOS */
}

系统软件字体样式的文件格式是ttf的，但凡以 IE 为核心的访问器也不适用载入外界 .ttf 文件格式的字体样式！那如何办啊？

把ttf变换成eot

好啦，如今就来检测一一下吧：

 

 

 

@font-face

英语的语法：
 
@font-face { font-family : name ; src : url( url ) ; sRules }
 
表明：
 
name :  字体样式名字
url :  应用肯定或相对性详细地址特定OpenType字体样式
sRules :  款式表界定
 
设定置入HTML文本文档的字体样式。
置入HTML文本文档的字体样式就是指将OpenType字体样式（缩小的TrueType字体样式）文档投射到顾客端系统软件，用于出示HTML文本文档应用该字体样式，或替代顾客端系统软件现有的同名的字体样式。
 
实例：
 
@font-face { font-family: dreamy; font-weight: bold; src: url(font.eot); }

如今，尽管是取得成功处理了各流行访问器载入外界字体样式的难题，但也仅仅取得成功了一小半，由于大家要清晰地见到难题的实质，即事后必须检测网站载入速率的难题，2个字体样式文档加起來快有 30M 了，载入速率的难题急需检测与处理！