Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/40.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/77.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css Typicon本地目录位置_Css_Html_Fonts_Icons - Fatal编程技术网

Css Typicon本地目录位置

Css Typicon本地目录位置,css,html,fonts,icons,Css,Html,Fonts,Icons,我下载了一个网页导航的源代码,在源代码中有一个“Typicon” 在HTML中,他包含以下内容 <link rel="stylesheet" type="text/css" href="css/component.css" /> 我想更改某些类别的徽标,但我似乎找不到文件夹中所有图标的目录,我可以从中进行选择。您需要的不是图标所在的目录。它们在字体文件上。您需要的是要在类中使用的图标的十六进制代码 一种方法(顺便说一句,免费)是将.ttf文件上载到或,这样您就可以创建一个包含所有

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

在HTML中,他包含以下内容

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


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

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

一种方法(顺便说一句,免费)是将.ttf文件上载到或,这样您就可以创建一个包含所有十六进制代码的CSS文件


请注意,这也可以用于从任何免费字体创建网络字体,CSS文件为每个字形/图标添加CSS类(这样您就可以使用CSS类,而不是记住/获取图标的代码)。

有没有这样的方法,我可以在没有internet的情况下查看设计和十六进制代码?一旦创建并加载字体工具包,您可以通过打开附带的CSS文件来查看代码,这样下载后就不需要访问internet。或者,您可以使用FontViewer或字符映射器,例如在其中可以查看/复制代码。
<a href="#" class="icon-home">Home</a>
@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" }