获取网页iconfont的方法，查看eot文件内容

2024-05-16 10:45:06

一、爬取网站iconfont文件

右键网页查看源代码 >> ctrl+F搜索"css"

点开连接会打开css文件>> ctrl+F搜索"font-face"

找到font-face相对路径的url之后，推测font-face的绝对路径为：css的父路径 + font-face的url

在浏览器输入https://s01.mifile.cn/i/font/iconfont.eot按回车就弹出了下载界面。

由于eot很多浏览器不支持，所以想下载ttf格式的文件，推测文件名为iconfont.ttf，所以在浏览器输入https://s01.mifile.cn/i/font/iconfont.ttf按回车，竟然真的下载到了！

二、查看iconfont内容

下载软件FontLab VI.exe，将下载好的eot / ttf文件拖动到软件面板中，会显示如下图：

可以看到iconfont的十六进制的unicode。

三、iconfont的使用方法

ccs文件：

@font-face {font-family: 'fontNameRegular';src:url('iconfont.ttf');
}.icon-font{font-family: fontNameRegular;
}

html文件：

<span class="icon-font"></span>

&为字符实体（character entities）

&#表示十进制，&#x表示十六进制。

显示结果：

参考文章：

获取和使用某些网站的iconfont图标字体

CSS3 icon font完全指南

&#x开头的是什么编码?

转载于:https://www.cnblogs.com/trnanks/p/10879152.html

获取网页iconfont的方法，查看eot文件内容相关推荐

Linux下查看压缩文件内容的 10 种方法
通常来说,我们查看归档或压缩文件的内容,需要先进行解压缩,然后再查看,比较麻烦.今天给大家介绍 10 不同方法,能够让你轻松地在未解压缩的情况下查看归档或压缩文件的内容. 从技术上讲,查看归档或压缩文 ...
c# 获取html代码怎么写,C#获取网页源代码的方法
本文实例讲述了C#获取网页源代码的方法.分享给大家供大家参考.具体如下: public string GetPageHTML(string url) { try { HttpWebRequest wr ...
拷贝归档到achivelog目录下_Linux下查看压缩文件内容的 10 种方法
通常来说,我们查看归档或压缩文件的内容,需要先进行解压缩,然后再查看,比较麻烦.今天给大家介绍 10 不同方法,能够让你轻松地在未解压缩的情况下查看归档或压缩文件的内容. 从技术上讲,查看归档或压缩文 ...
linux压缩隐藏文件,Linux下查看压缩文件内容的10种方法(小结)
通常来说,我们查看归档或压缩文件的内容,需要先进行解压缩,然后再查看,比较麻烦.今天给大家介绍 10 不同方法,能够让你轻松地在未解压缩的情况下查看归档或压缩文件的内容. 从技术上讲,查看归档或压缩文 ...
linux view查看日志命令,【Linux】linux查看日志文件内容命令tail、cat、tac、head、echo...
linux查看日志文件内容命令tail.cat.tac.head.echo tail -f test.log 你会看到屏幕不断有内容被打印出来. 这时候中断第一个进程Ctrl-C, --------- ...
linux view查看日志命令,linux查看日志文件内容命令tail、cat、tac、head、echo、vi
linux查看日志文件内容命令tail.cat.tac.head.echo tail -f test.log 你会看到屏幕不断有内容被打印出来. 这时候中断第一个进程Ctrl-C, --------- ...
java查看日志命令_[Java教程]【Linux】linux查看日志文件内容命令tail、cat、tac、head、echo...
[Java教程][Linux]linux查看日志文件内容命令tail.cat.tac.head.echo 0 2017-11-14 12:00:29 linux查看日志文件内容命令tail.cat.t ...
linux查看日志文件内容命令tail、cat、tac、head、echo、vi
linux查看日志文件内容命令tail.cat.tac.head.echo tail -f test.log 你会看到屏幕不断有内容被打印出来. 这时候中断第一个进程Ctrl-C, --------- ...
Linux下查看压缩文件内容
通常来说,我们查看归档或压缩文件的内容,需要先进行解压缩,然后再查看,比较麻烦.今天给大家介绍 10 不同方法,能够让你轻松地在未解压缩的情况下查看归档或压缩文件的内容. 从技术上讲,查看归档或压缩文 ...
Winrar从命令行查看压缩文件内容
如果能从命令行查看压缩文件内容,可以避免有时候的弹窗: 看了一下,说是v参数是查看: 找不到路径:先加一下path环境变量: 输个命令:错了: 用 -v,但是没有在命令行显示:而是弹出了Winrar的 ...

最新文章

热门文章