制作SVG图片的CSS文字样式,引入项目

怎么把SVG图片引入我们制作的网站呢?

介绍一个比较好的网址给大家: https://icomoon.io/

这是一个可以将SVG图片转变为CSS样式,方便大家引用

步骤如下:

先打开网址https://icomoon.io/,可以看一右上角的IcoMoon App,点击

跟着如下图: 先点击import Icons把你想转化的SVG文件导入,接着网站就会在Untitled Set里显示你导入的图片,再按右下角的Generate Font 生成

转到下图,按右下角的DOWNLOAD即可

再把下载下来的解压,里面有demo可以查看怎么引用

具体来说就是把,fonts文件夹和style.css复制到你的项目目录下,根据style.css定义的.class样式引用,即可