css3自定义字体怎么用？方法很简单，但是我经常会忘记……

先附上使用方法：

实例一

指定名为”myFirstFont”的字体，并指定在哪里可以找到它的URL：

@font-face
{
font-family: myFirstFont;
src: url('Sansation_Light.ttf'),
     url('Sansation_Light.eot'); /* IE9 */
}

这里只用到了两个字体格式。几年前用这个方法，我还用了4个字体格式。。。

.ttf/.eot/.svg/.woff

@font-face {
    font-family: 'AvantGardeMdBTMedium';
    src: url('../fonts/avgardm-webfont.eot?') format('eot'),
         url('../fonts/avgardm-webfont.woff') format('woff'),
         url('../fonts/avgardm-webfont.ttf') format('truetype'),
         url('../fonts/avgardm-webfont.svg#webfontT9gHnX5m') format('svg');
    font-weight: normal;
    font-style: normal;

}

浏览器支持

Internet Explorer 9, Firefox, Opera,Chrome, 和 Safari支持@font-face 规则.

但是, Internet Explorer 9 只支持 .eot 类型的字体, Firefox, Chrome, Safari, 和 Opera 支持 .ttf 与.otf 两种类型字体.

注意： Internet Explorer 8 及更早IE版本不支持@font-face 规则.

照现在这个规则来看，只要有.eot和.ttf或.otf就够啦。

---

附上一个很好用的字体转格式网站

https://www.fontconverter.org/

看着挺简单的一个网站，很好用哦哈哈哈~