使用CSS3的@font-face显示自定义字体-创新互联

之前我们要是想使用漂亮的字体只能使用图片字体图片，即制作过程偏慢，用户体验也不够好，对于计算机的加在也是一种负荷，现在css3为我们提供了新的自定义字体属性： @font-face，不但使用简单，而且几乎能解决了我们之前的所有问题。
    先上代码：

上面就是引用的基本方法，当然我们为了更好地兼容不同版本的浏览器我们可以再加一些兼容写法，这里就不重复了。现在我们就需要下载字体了，个人比较推荐http://www.dafont.com/theme.php?cat=101 一个免费的字体网站，我们可以直接下载我们想要的字体，在上面的url路径里面选择任何我们想要的一款字体的名称就好了，希望对大家有帮助。

下面是我们的浏览效果：

另外有需要云服务器可以了解下创新互联scvps.cn，海内外云服务器15元起步，三天无理由+7*72小时售后在线，公司持有idc许可证，提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案，具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势，专为企业上云打造定制，能够满足用户丰富、多元化的应用场景需求。