图标字体 - 如何下载实际的gliph

时间:2016-11-27 11:50:51

标签: css icons

我找到了一个使用以下标记的网站:

<span class="some classes" data-id="amf" data-icon="">Title</span>
<span class="some classes" data-id="dmi" data-icon="">Title 2</span>

我想找出正在使用的图标并下载其内容,但我不知道如何阅读其代码。

该页面正在导入jQuery,因此我可以使用以下代码:

$($.find("[data-id=\"amf\"]")[0]).attr("data-icon").charCodeAt()

返回58880 (浏览器在不知道字符时显示的小方块的代码)

如果我执行:

var firstIcon = $($.find("[data-id=\"amf\"]")[0]).attr("data-icon");
$($.find("[data-id=\"dmi\"]")[0]).attr("data-icon", firstIcon);

我可以看到第一个图标在第二个范围内被正确复制,这意味着我能够从第一个范围中获取图标。

更新: 我已经验证过,如果我使用已知的unicode字符,例如

<span class="some classes" data-id="amf" data-icon="&#2700">Title</span>

javascript返回正确的代码。我开始认为页面中使用的字符位于自定义图标的unicode映射中。

我找到图标的页面是:

https://www.thelifeyoucansave.org/Impact-Calculator

更新:正如@MrLister所指出的,代码58880是正确的代码。

查找实际图标的最佳方法是什么? 我需要在Android应用程序中重复使用相同的图标。

0 个答案:

没有答案