当我们浏览网页的时候，会发现网页上有一些不常用字体，但是这些字体在普通用户电脑上是没有安装的。文汇小编发现，为了达到这种效果，前端人员往往会把这种字体做成图片嵌入到网页中。
那么，问题来了，嵌入图片的方式不易于修改和维护。
因为当我们想要修改文字内容的时候，必须用PS进行新的文字效果制作。如果你是网站的维护人员，而客户发来通知催你改文字，而你眼下又没有PS可以用的时候，就麻烦了。毕竟PS的安装步骤是非常麻烦的，而且这套程序对电脑本身更的配置要求高。
为了避免这种情况发生，文汇小编建议大家使用字体在线安装，把需要用的非常用字体安装到网页所在的服务器上，这个问题就轻松解决了。
那么，我们要怎样安装在线字体呢？下面，文汇小编以山东华力机电有限公司官方网站这个项目为例进行讲解。
首先，需要去网上下载你所需要的字体：
本项目用到的是方正综艺简体，我们就需要下载这种字体。另外，要保证下载的字体包里面含有以下几个文件，如果没有，从别的字体包里面拷贝过来也能用的。
然后，在样式表文件加入安装字体的基础代码：
就是下面这些代码,可以直接复制粘贴使用的。
@font-face {font-family: "iconfont";
src: url('iconfont.eot'); /* IE9*/
src: url('iconfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('iconfont.woff') format('woff'), /* chrome, firefox */
url('iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
url('iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
接着，需要对字体进行声明：
为了字体声明的规范性，我们需要双击打开后缀名为.ttf或.TTF的字体安装文件，查看字体名称，如图：
在这个项目里，我们用到的是方正综艺简体。在样式表里添加如下代码声明字体：
注意：字体的名字一定不要写错，字体安装文件的路径和名字的字母大小写不要写错，因为Linux系统的服务器会把同一个字母的大小写看成两种不同的字符。
最后，在使用已经定义好的字体。
文汇小编提醒您，字体的名称要对应哦！
做完以上步骤，字体的在线安装就完成了。我们来看一下效果：
