首页 > 代码库 > 字蛛 自定义字体
字蛛 自定义字体
可能 网站中会用到一些漂亮的文字,又不想用图片,
这样可以用自定义字体,
用的工具是 字蛛http://font-spider.org/
字蛛工具 依赖 nodeJs,
先安装好 NodeJS,然后执行安装字蛛:
npm install font-spider -g
字蛛通过分析本地 CSS 与 HTML 文件获取 WebFont 中没有使用的字符,并将这些字符数据从字体中删除以实现压缩,同时生成跨浏览器使用的格式。
以下都是必须的,字蛛生成的字体是文件中有的文字,
第一步 声明@font-face
第二步要使用指定的字体
/*声明 WebFont*/@font-face { font-family: ‘pinghei‘; src: url(‘../font/pinghei.eot‘); src: url(‘../font/pinghei.eot?#font-spider‘) format(‘embedded-opentype‘), url(‘../font/pinghei.woff‘) format(‘woff‘), url(‘../font/pinghei.ttf‘) format(‘truetype‘), url(‘../font/pinghei.svg‘) format(‘svg‘); font-weight: normal; font-style: normal;}/*使用选择器指定字体*/.home h1, .demo > .test { font-family: ‘pinghei‘;}
第三步 在根目录打开命令 shift+右键 选 在此处打开命令行
font-spider D:\Front\...\...\...html
完成!
字蛛 自定义字体
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。