-
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格式的引用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8"></meta>
<title>測試</title>
<link rel="stylesheet" href="css/myWebFont.css"></link>
</head>
<body>
<div class="col-sm-12">
<div class="row list-icon">
<div class="col-md-3">
<i class="ui-icon mf mf-folderadd"></i>mf-folderadd
</div>
</div>
</div>
</body>
<html>
- .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');
}