制作自定义图标字体,html引用web svg矢量字体
来源:互联网 发布:苹果手机excel软件 编辑:程序博客网 时间:2024/05/16 17:11
制作自定义图标字体,html引用web字体
1、安装Adobe Illustrator CS6(注:http://www.lookae.com/adobecc/)下载破解安装
2、安装Adobe Photoshop CS6(注:http://www.cncrk.com/downinfo/39089.html)
3、下载save-ps-to-svg1.0.jsx(注:http://hackingui.com/design/export-photoshop-layer-to-svg/)
4、把save-ps-to-svg1.0.jsx拷贝到C:/Adobe Photoshop CS6/Presets/Scripts文件夹
5、把jsx装载到ps,流程:文件–脚本–浏览–选择刚拷贝的jsx,加载成功则会在脚本–Save as SVG
6、制作透明的图标形状,将文件后缀名改为gou.svg,接一来点击Save as SVG则会生成gou.svg.ai
7、但我们最终需要的是.svg文件,所以需要打开Adobe Illustrator CS6工具,再点击Save as SVG则会在文件夹中生成gou.svg.ai,gou.svg两个文件,按照此种方法,可以生成我们想要的任何图标文件
注:也可以直接在Adobe IIIustrator CS6中操作,步骤与PS一致
8、因我们的浏览器的兼容性,所以需要导成.svg,.ttf,.eot,.woff等字体图标文件,我借用在线网站来生成(https://icomoon.io/app)导入生成的svg文件,然后选择,最后下载打包文件,则得到我们期望以久的.svg,.ttf,.eot,.woff文件啦
9、就可以按照字体的使用方式,进行调用操作啦
- 制作自定义图标字体,html引用web svg矢量字体
- 制作自定义图标字体,html引用web字体
- vue引用svg字体字体图标
- 矢量图标字体自定义li编号样式
- SVG转为字体图标
- svg字体图标
- WPF自定义控件与样式(1)-矢量字体图标(iconfont)
- WPF矢量字体图标(iconfont)
- SVG字体图标格式解析
- wex5之自定义web字体或图标
- 图标字体制作工具栏
- 制作字体图标
- 字体图标的制作
- 字体图标的制作
- 制作图标字体文件
- 如何制作图标字体
- 图标字体的制作
- 制作图标字体
- 一些概念分析比较
- 【视频开发】ONVIF、RTSP/RTP、FFMPEG的开发实录
- STM32 Flash读写;Flash地址对应的存储内容及方式;
- 2015 ACM Amman Collegiate Programming Contest训练总结【12/12】
- 启动项目时出现java.io.EOFException异常
- 制作自定义图标字体,html引用web svg矢量字体
- B
- 已达到计算机的连接数最大值,无法再同此远程计算机连接
- docker 操作命令详解
- Linux 下配置Apache Http Server
- Erlang RabbitMQ
- [编程题] 解救小易
- kali wifi破解-wifite
- FIFO实现:数组方式