自定义web字体-通过@font-face在页面中嵌入 .woff格式字体的引用

• woff文件样式查看链接

• http://fontstore.baidu.com/static/editor/index.html​​​​​​​    上传woff文件 即可看到woff文件的展示效果
• woff文件可以用python的fontTools 打开

font = TTFont('xxx.woff')    # 打开文件
font.saveXML('xxx/6329.xml')
font['cmap'] 映射关系unicode跟Name
ffont['glyf'][name].coordinates 字形的轮廓信息

• 在html5中嵌入字体  .woff格式的引用

    
    
    



    

        

            mf-folderadd
        
    

• .woff的引用​​​​​​​ 

@font-face {
	font-family: 'woff-文件名';
	font-style: normal;
	font-weight: 400;
	src: url(css/Monoton.woff2) format('woff2'),  //引入文件路径
             url('mywebfont.eot?#iefix') format('embedded-opentype'),
             url('mywebfont.woff2') format('woff2'),
             url('mywebfont.woff') format('woff'),
             url('mywebfont.ttf') format('truetype'),
             url('mywebfont.svg#mywebfontregular') format('svg');

	}