您的位置:首页 > 产品设计 > UI/UE

vue饿了么学习-第四篇(web字体)

2017-09-05 17:40 393 查看
1.字体库网站:icomoon

2.在官网点击右上角icomoon app按钮,

新页面找到import ICONS点击,

选择自己所有的svg文件确定上传,

选中新增的全部小图标,

然后点击右下角的crate font,

跳转到新页面以后,每一个图标下面都会出现一个web字体名,

点击某个图标下面的get code弹出一个弹框页,

弹框内容html代码提示你怎么使用,复制下来插入开发页面中对应的位置就行。

3.下载自己创建的web字体库,

点击左上角的preferences,(弹出弹框,设置对应的font-name其他默认)

设置好以后,点击右下角的download按钮,

下载成功!

4.解压下载文件,打开该文件,里面有一个demo网页,可以打开查看效果图。

制作好的web字体提取:链接: https://pan.baidu.com/s/1dFvmj09 密码: h89u
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: