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
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
相关文章推荐
- vue饿了么学习-第二篇(webpack)
- 学习 webpack+vue.js (3、多页面)
- VUE学习-webpack搭建Vue项目环境准备
- vue +vue-router + es6 +webpack 高仿饿了么app
- web学习第四篇css样式学习
- vue饿了么学习-问题1(style文件报错)
- 学习笔记之vue高仿饿了么课程项目--vue.js篇
- 解决webpack+Vue引入iView找不到字体文件的问题
- 学习 Vue.js 第一发【 todo list (IMWeb训练营作业)】
- 通过vue-cli来学习修改Webpack多环境配置和发布问题
- Vue + Webpack + Vue-loader学习教程之功能介绍篇
- node+webpack环境搭建 vue.js 2.0 基础学习笔记
- vue饿了么学习-第五篇(项目结构)
- vue饿了么学习-第八篇(vue-router)
- 结合nodejs+webpack+vuejs开启时尚学习套路
- vue+webpack学习记录
- vue饿了么学习-第七篇(组件拆分)
- vue饿了么学习-第三篇(需求分析)
- 结合nodejs+webpack+vuejs开启时尚学习套路
- 学习笔记之vue高仿饿了么课程项目--布局篇