Typicon 本地目录位置

Question

我下载了一个网页导航的源代码，在源代码中有这个“Typicon”

在 HTML 中他包含了这个

<link rel="stylesheet" type="text/css" href="css/component.css" />

.

<a href="#" class="icon-home">Home</a>

这里的组件 CSS 是这样的。

@font-face {
    font-family: 'typicons';
    src:url('../fonts/typicons/typicons.eot');
    src:url('../fonts/typicons/typicons.eot?#iefix') format('embedded-opentype'),
        url('../fonts/typicons/typicons.ttf') format('truetype'),
        url('../fonts/typicons/typicons.woff') format('woff'),
        url('../fonts/typicons/typicons.svg#typicons') format('svg');

.

.icon-home::before { content: "\e601" }

我想更改某些类的徽标，但我似乎无法在文件夹中找到所有图标的目录，我可以从中进行选择。

Answer 1

你需要的不是图标所在的目录。它们在字体文件中。你需要的是你想在你的类中使用的图标的十六进制代码。

一种方法（顺便说一句，免费）是将 .ttf 文件上传到 Flaticon 或 FontSquirrel，这样您就可以创建一个包含所有十六进制代码的 CSS 文件。

请注意，这也可用于从任何免费字体创建 Webfonts，并且 CSS 文件为每个字形/图标添加 CSS 类（以便您可以使用 CSS 类而不是记住/获取图标的代码）。