字体格式：ttf,woff,eot

生成网页字体
https://onlinefontconverter.com/

eot：IE
onetype是微软和Adobe共同开发的字体，IE浏览器全部采用这种字体。

woff：其它浏览器
woff(web开发字体格式)是一种专门为web而设计的字体格式标准，实际上是对truetype/onetype等字体格式的封装，每个字体文件中含有字体以及针对字体的元数据（Metadata），字体文件被压缩，以便于网络传输。

ttf：手机浏览器
是windows和mac系统最常用的字体格式。

svg：SVG是由W3C制定的开放标准的图形格式。SVG字体就是使用SVG技术来呈现字体，还有一种gzip压缩格式的SVG字体。

    @font-face {  
      font-family: 'MyWebFont';  
      src: url('webfont.eot'); /* IE9 Compat Modes */  
      src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */  
           url('webfont.woff2') format('woff2'), /* Super Modern Browsers */  
           url('webfont.woff') format('woff'), /* Pretty Modern Browsers */  
           url('webfont.ttf')  format('truetype'), /* Safari, Android, iOS */  
           url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */  
    }  

    #logo{  
      font-family:  
         'MyWebFont', 'PingFang SC',   
        'Helvetica Neue','Helvetica',   
        'STHeitiSC-Light',"Microsoft YaHei", 'Arial', sans-serif;  
        font-size: 60px;  
    }  

font-family 可以把多个字体名称作为一个“回退”系统来保存。如果浏览器不支持第一个字体，则会尝试下一个。