首页
前端
JavaScript
CSS
前端开发
App 开发
后端
Node.js
MySQL
后端其他
开发
开发工具
运维
算法
云服务
设计
UI 设计
软件技巧
我的手绘
好玩
AI 对话
AI 绘画
关于
搜索一下
搜索
首页
前端
JavaScript
CSS
前端开发
App 开发
后端
Node.js
MySQL
后端其他
开发
开发工具
运维
算法
云服务
设计
UI 设计
软件技巧
我的手绘
好玩
AI 对话
AI 绘画
关于
登录
注册
首页
>
标签
>
iconfont
CSS
如何调整 iconfont 图标的位置和基线
一,放大图标方法一:直接修改图标的 font-size。方法二:使用 transform:scale(1.5) 放大图标,需要注意有时在 iconfont 上是无效的,因为 transform 只能使用在块状元素上。比如:display:block 或者 display:inline-block。二,图标位置图标和文字往往不在一条基线上,常常需要调整 iconfont 图标的位置,最简单的方法是:.some-div .iconfont{ position: relative; top:0.1rem; } 另一种方法是使用 vertical-align 属性设置元素的垂直对齐方式。该属性
admin
2022-03-01
iconfont
1056
CSS
iconfont 字体生成原理
iconfont.cn 官方给我们讲解 iconfont 的实现原理。字体内部我们来看下一个字体的样子。我们可以通过一些软件打开字体,比如fontforge,fontlab。比如下面的方正大草字体:我们打开看下:可以看到“我”这个字对应的的图形就是我们在网页上看到的样子。另外注意左上角的unicode。是6211,也就是我们的另一种表现形式。再双击可以看到我这个图形的样子:其实就是一些路径。而这个路径可以用ai,ps,sketch等等来画,画完粘贴到这里。iconfont1.0所以我们就可以做一些事情了,我们可以去改造字体,把一个字对应的图形换成我们设计师设计的样子,处理好兼容性就成了我们ic
admin
2021-12-24
iconfont
582
Jone
在什么样的花园里面,挖呀挖呀挖
种什么样的种子,开什么样的花
所有标签
uni-app
Git
FFmpeg
Sass
webpack
Koa.js
HTTP
RESTful API
Apache
nginx
Linux
微信公众号
Windows
macOS
Vue.js
爬虫
正则表达式
npm
TypeScript
单元测试
iconfont
rollup
安全
运维
随机推荐
MySQL 批量插入数据时如何解决重复问题
WordPress 评论表单函数 comment_form()
数据库中间表应该如何命名
WordPress 添加文章自定义字段 meta
p 标签里面不能嵌套块级元素
如何使主题支持 Woocommerce
Node.js 实现 RBAC 权限模型
用 JavaScript 实现数字增加滚动动画
Vue3 挂载全局方法
JavaScript console 的用法
微信联系我
夜间模式切换
回到顶部