需要安装node.js
npm install font-spider -g 安装字蛛(由于字蛛网已经挂了,这个命令已经失效,甚是可惜)
好在他的GitHub资源还在,大家到https://github.com/aui/font-spider这里下载文件,在bin文件夹下,直接font-spider *.html或者font-spider 文件所在目录下的*.html即可将你的网页上的字体转换。
可能会报很多错
检查是否安装完成
font-spider --version
打包: doc命令进入目录所在位置 然后font-spider *.html或者font-spider 文件所在目录下的*.html
webfont字体使用:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | @font-face { font-family : 'source' ; src: url ( '../font/source.eot' ); src: url ( '../font/source.eot?#font-spider' ) format ( 'embedded-opentype' ), url ( '../font/source.woff2' ) format ( 'woff2' ), url ( '../font/source.woff' ) format ( 'woff' ), url ( '../font/source.ttf' ) format ( 'truetype' ), url ( '../font/source.svg' ) format ( 'svg' ); font-weight : normal ; font-style : normal ; } .home h 1 , .demo > .test { font-family : 'source' ; } |
注:引入文件因为ttf 类似otf会找不到文件
声明:本文采用 BY-NC-SA 协议进行授权,如无注明均为原创,转载请注明转自 你好!刘
本文地址:font-spider 安装及使用
本文地址:font-spider 安装及使用
发表评论