iconfont下载的本地文件的ttf、woff、woff2转换成base64位后引入iconfont.css使用

写这篇文章的目的：我想在html中使用iconfont图标元素，选择好的图标下载到本地后，引入iconfont.css文件无法直接使用

iconfont下载的本地文件的ttf、woff、woff2转换成base64位后引入iconfont.css使用如下：

使用在线转换工具 Transfonter

注意：

1、原来下载的iconfont.css文件中有三种类型的：woff2、woff、truetype，这里我选择woff作为转换源，即：//at.alicdn.com/t/font_3054281_w5vdgulheqa.woff?t=164024673456626（根据你自己下载的，在css文件首页的url里面）

2、在谷歌浏览器中粘贴上述的url,即可下载到本地

3、使用上述的在线转换工具transfonter，点击Add fonts导入上面得本地woff，参考上图勾选既可，最后点击下载

下载本地后解压，取出stylesheet.css，并替换原来iconfont.css文件的对应部分

此时直接取出class（例如icon-delete4）即可正常使用了

<span class="iconfont icon-delete4" style="color: red;font-size: 20px;"></span>

iconfont下载的本地文件的ttf、woff、woff2转换成base64位后引入iconfont.css使用相关推荐

如何在css文件中使用本地ttf/woff/woff2字体？
如何在css文件中使用本地ttf/woff/woff2字体? 1.首先下载ttf.woff.woff2字体文件免费的字体文件可以上阿里矢量图库进行下载,不过数量很少. 2.在css文件中配置相应代码 ...
base64转html文件,图片转换成Base64编码集成到html文件
首先为什么要这么做? 原因很简单这样可以减少与服务器的请求,当然对于一些浏览器并不支持,如IE8.通常用在手机版网站中,具体转化方法如下: 1.在线打开Base64的编码器将图片编码成Base64 ...
读取CSV文件内容，将其转换成JSON字符串输出
CsvToJsonUtil 工具类作用:读取CSV文件内容,将其转换成JSON字符串输出转换工具类代码如下: package com.test.util;import java.io.*; impo ...
python将图片转换成二进制文本_python将图片文件转换成base64编码的方法
本文实例讲述了python将图片文件转换成base64编码的方法.分享给大家供大家参考.具体实现方法如下: import base64f=open(r'c:\jb51.gif','rb') #二进制方 ...
Flutter：把本地相册图片转换成Base64的方法
前言在Flutter开发中,关于图片上传和展示也是常用必用的操作,尤其是在设置APP用户的头像信息,以及上传背景图的操作.关于Flutter开发中图片的上传和展示也是比较常用的操作,也有对应的组件和 ...
js blob 下载到本地文件
本文意在解决Js保存语音文件并下载到本地,不同的浏览器保存的方式不同 if ('msSaveOrOpenBlob' in navigator){window.navigator.msSaveOrOpe ...
php下载数组里的图片,php 读取txt文件中的内容，转换成数组，根据URL将图片下载到本地（curl爬取）...
link.txt文件内容(注意地址可以无限多) https://youimg1.c-ctrip.com/target/100m1f000001gzojc0664_D_521_391.jpg https ...
java图片文件字符串jsp_将图片转成base64字符串并在JSP页面显示的Java代码
*本事例主要讲了如下几点: * 1:将图片转换为BASE64加密字符串. * 2:将图片流转换为BASE64加密字符串. * 3:将BASE64加密字符串转换为图片. * 4:在jsp文件中以引用的方 ...
怎么将文件转换成linux文件,Linux将DOS文件格式转换成UNIX文件格式的方法
dos格式文件传输到unix系统时,会在每行的结尾多一个^M,当然也有可能看不到,但是在vi的时候,会在下面显示此文件的格式,比如 "dos.txt"[dos] 120L, 25 ...
xsd文件转图片_图片转换成PDF格式怎么转？图片转换成PDF的软件哪个好？
图片转换成PDF格式怎么转?经验丰富的设计师在完成图片格式的设计作品后都会将图片转成PDF格式文件,这样方便保存以及参加一些设计比赛.同时我们在保存大量图片的时候也可以将图片转换成PDF文件.但是还有 ...

iconfont下载的本地文件的ttf、woff、woff2转换成base64位后引入iconfont.css使用

iconfont下载的本地文件的ttf、woff、woff2转换成base64位后引入iconfont.css使用相关推荐

最新文章

热门文章