CSS3.0使用@font-face自定义字体

@font-face是CSS3.0里面的模块，能将自定义的字体添加到网页中。

index.html文件

    
    
    


    
myblog

index.css文件

@font-face {
    font-family: '汉仪雪君体简';
    src:url('./fonts/汉仪雪君体简.ttf') format('truetype')，
	  url('./fonts/汉仪雪君体简.eot') format('embedded-opentype')，
	  url('./fonts/汉仪雪君体简.woff') format('truetype');
    font-weight: normal;
    font-style: normal;
}
h1{
    font-family:"汉仪雪君体简";
}

如以上代码所示，@font-face的语法规则如下:

@font-face {
      font-family: ;
      src:  [][, []]*;
      [font-weight: ];
      [font-style: