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