字蛛webfont 安装及使用方法
2024-09-03 05:02:56
先安装nodejs和git,比如放在D:/nodejs/ 文件夹
cmd 进入该文件夹,安装npm install express
安装 npm install font-spider -g
安装 npm install grunt-font-spider --save-dev
安装 npm install gulp-font-spider --save-dev
至此,安装完成。比如我们要压缩 F:/test/www/ 目录下的字体,先把ttf字体放在 www/font/ 文件夹里,
然后用cmd进入www文件夹,执行:font-spider index.html 或者font-spider *.html 即可。
然后在css文件里参照此引用 :
/*声明 WebFont*/
@font-face {
font-family: 'pinghei';
src: url('../font/pinghei.ttf');
src:
url('../font/pinghei.eot') 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';
}
字体文件依然放在font文件夹里。这样就ok了。
官网:http://font-spider.org/
最新文章
- configuration error-could not load file or assembly crystaldecisions.reportappserver.clientdoc
- Minor【 PHP框架】5.事件
- SQL Server 开发-语法学习
- String类replaceAll方法正则替换深入分析
- C语言使用cmd命令并获取输出方法
- 别了,CL君
- Java基础之集合框架——使用HashMap地图(TryPhoneBook1)
- thinkphp通行证服务,验证登录,注销登录
- Oracle中的USEREVN()
- jquery 处理密码输入框(input type=";password"; ) 模仿placeholder
- Include promo/activity effect into the prediction (extended ARIMA model with R)
- PHP 动态调整内存限制
- POJ1422Air Raid(二分图,最小不相交路径覆盖)
- thinkphp5使用redis实现秒杀商品活动
- 29. Divide Two Integers (JAVA)
- [ ArcGIS for Server 10.1 系列 ] - 重新创建Site
- 永久修改VS include目录
- Zookeeper权限acl,acl的构成 scheme与id
- C# 接口的隐式与显示实现及适应场景
- QQclient团队博客
热门文章
- SQL-W3School-函数:SQL AVG() 函数
- 从零配置webpack(react+less+typescript+mobx)
- mybatis/tk mybatis下实体字段是关键字/保留字,执行报错
- Python网络编程之TCP套接字简单用法示例
- XenServer 根分区空间满的解决办法
- MVC模式实现注册登录
- 【ARM-Linux开发】如何使用opkg在RicoBoard上在线安装软件包
- 【VS开发】fatal error C1001:编译器中发生内部错误
- redis 设置后台守护运行的两种方式
- javascript高德地图放到网页中的方法