首页
学习
活动
专区
圈层
工具
发布

理解SCSS
EN

Stack Overflow用户
提问于 2017-01-18 02:20:27
回答 4查看 271关注 0票数 1

首先,我想说的是图标字体不是免费提供的。实际上是我们买的。

我有一个SCSS文件,它引用了一些图标字体。我知道其中的大部分内容,但不确定看似十六进制值的含义。

代码语言:javascript
复制
$icomoon-font-path: "../fonts" !default;

$stream-check-1: "\e62f";
$stream-check-circle-1: "\e634";

然后,我似乎有引用这些值的CSS类:

代码语言:javascript
复制
@font-face {
    font-family: 'myicon';
    src:    url('#{$icomoon-font-path}/streamline.eot?l1dykt');
    src:    url('#{$icomoon-font-path}/streamline.eot?l1dykt#iefix') format('embedded-opentype'),
        url('#{$icomoon-font-path}/streamline.ttf?l1dykt') format('truetype'),
        url('#{$icomoon-font-path}/streamline.woff?l1dykt') format('woff'),
        url('#{$icomoon-font-path}/streamline.svg?l1dykt#streamline') format('svg');
    font-weight: normal;
    font-style: normal;
}

.myicon-check-1 {
    &:before {
        content: $stream-check-1;
    }
}

我想我大部分都明白了。我的问题是从哪里得到十六进制值,例如e62f?

更新:我已经找到了一些json文件,这些文件被压缩到文件中,其中提到了icomoon。在这种情况下,这些json文件有帮助吗?它们看起来是这样的:

EN

回答 4

Stack Overflow用户

回答已采纳

发布于 2017-01-18 18:57:28

我想我在这里找到了正确的解决办法。它是一个在线字体查看器,当我单击该字体时,它会显示指定的值。

代码语言:javascript
复制
Just drag and drop the font file and 
it shows you the fonts and their values.

http://jsfiddle.net/iegik/r4ckgdc0/

票数 1
EN

Stack Overflow用户

发布于 2017-01-18 02:31:50

"\e62f"CSS语法,表示HTML中的:一个带有十六进制代码e62f的字符。通过检查您的字体文件,您可以看到代码到字形的映射(根据您正在使用的操作系统,实现这种映射的方式将有所不同)。

票数 1
EN

Stack Overflow用户

发布于 2017-01-18 02:27:27

这些都是8个图标。你可以检查他们的这里。要进一步查找,请查看

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/41710338

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档