首页 > 其他 > 详细

下载svg图片转化为字体使用,非常牛逼!!!!!!

时间:2019-05-18 21:35:35      阅读:114      评论:0      收藏:0      [点我收藏+]

 

 

1.输入icomoon.io转到外网

2.点击右上角技术分享图片           》》进入到【https://icomoon.io/app/#/select】

 

3.在左上角技术分享图片技术分享图片iconl ibrary进去更多图片,下载完了把图片(.svg)拖到技术分享图片

 

选中多个点击下方

技术分享图片

进入下一个页面后点右下角download.

技术分享图片

下载完解压

技术分享图片

打开demo.html等下显示要用

把fonts文件夹复制

技术分享图片

在style下写:

@font-face {
font-family:‘SVG_Nxj‘;/*自定义字体名,和宋体一样*/
src: url("../../fonts/icomoon.eot?7kkyc2");
src: url("../../fonts/icomoon.eot?7kkyc2#iefix") format(‘embedded-opentype‘),
url("../../fonts/icomoon.ttf?7kkyc2") format(‘truetype‘),
url("../../fonts/icomoon.woff?7kkyc2") format(‘woff‘),
url("../../fonts/icomoon.svg?7kkyc2#icomoon") format(‘svg‘);
font-weight: normal;
font-style: normal;
}

 

技术分享图片

俩种引用,span中的空是复制粘贴刚刚打开的demo.html后面的框

div写的是demo.html文本,content中文本要在它基础上加\

技术分享图片

 

 

 这样页面就有显示了,我们可以通过字体样式随意控制他们

 

 

 

追加:

技术分享图片

重复上面操作下载即可,所以最开始下载的压缩文件包不能丢。

 

下载svg图片转化为字体使用,非常牛逼!!!!!!

原文:https://www.cnblogs.com/ningxinjie/p/10887027.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!