Question

我在网上下载了导航的源代码，在源代码中有这个＆＃34; Typicon＆＃34;

在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文件。

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

Typicon本地目录位置

1 个答案: