疫情期间,在家自我隔离,闲来无事就跟博客耗上了。
在调整博客主题细节css时候,总发现像padding等在移动端会有偏移,比如回复评论的博主标志,改来改去索性想着弄成iconfont矢量图标直接引用得了,还不会偏移,说做就做喽,官方文档意思要用adobe illustrator编辑,用的不熟,还是PS搞起吧。
首先PS新建300*300透明背景,整个黑底长框,敲上“博主”二字,合并如下图,另存为png格式图片。
打开在线png转svg网站:点击直达 PS:找了好几个,就这站转换后正常,其他都是空白。
上传后转换得到svg文件。
打开iconfont,上传至我的项目,保存颜色并提交,就可以愉快的调用了!
另外,一些简单图标可以用在线工具直接制作svg文件,比如:SVG在线编辑器 有兴趣的可以去试试。
调用效果还不错,颜色随意调整,移动端也不偏移了。
2020年4月14日 07:51 4F
本来也想制止的,搜索了一下,把你的搜出来了,就直接用你的了 懒。。。
2020年4月14日 08:30
文武 可以,大兄弟
2020年2月11日 01:19 3F
看来这PS技术可以啊
2020年2月11日 01:51
叶先生博客 也就会一点皮毛了
2020年2月8日 17:55 2F
这个好,马上试试!
2020年2月9日 18:08
锋言锋语 你跑这里来了
2020年2月10日 00:07
去看你博客 你们这头像很情侣?
2020年2月10日 00:09
大熊 才发现?
2020年2月13日 09:28
去看你博客 不让出门就只能在网上遛遛啊!
2020年2月13日 09:30
锋言锋语 你不是要改版么,到时候现有的主题发我一份,学习学习:-D
2020年2月16日 04:42
大熊 没时间,一直处于休假的状态。
2020年2月16日 10:19
锋言锋语 忙起来,更没时间
2020年2月7日 08:55 1F
这个教程很实用
2020年2月7日 10:33
流金岁月 简单方便?