@font-face css文件这样写

  @font-face {
      font-family: 'SingleMaltaRegular';
      src: url('fonts/singlemalta-webfont.eot');
      src: url('fonts/singlemalta-webfont.eot?#iefix') format('embedded-opentype'),
           url('fonts/singlemalta-webfont.woff') format('woff'),
       url('fonts/singlemalta-webfont.ttf') format('truetype'),
       url('fonts/singlemalta-webfont.svg#SingleMaltaRegular') format('svg');
      font-weight: normal;
      font-style: normal;
   }
      h1.SingleMalta{
     font-family: 'SingleMaltaRegular';
   }
   body{
    background-color: rgb(123,234,234);
   }

 

英文.ttf生成库：

https://www.dafont.com/

获得@font-face所需的.eot,.woff,.ttf,.svg字体格式：

http://www.fontsquirrel.com/tools/webfont-generator

解压后如上面运用 【只能转化英文】

 

====================

中文推荐有字库，在线生成

https://www.webfont.com/onlinefont/index