问题标签 [icon-fonts]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
6 回答
8205 浏览

css - 创建图标字体的工具

我想创建一个用于 Web 应用程序的图标字体。fontAwesome、Iconic、fontomas 是我想做的例子,但我需要使用自定义图标。我不知道从哪里开始。任何帮助表示赞赏。

0 投票
3 回答
9142 浏览

unicode - 通过浏览器支持 Unicode

我正在使用带有图标但没有图像的 CSS 按钮。图标是使用 unicode 值生成的。
在这个问题上,我遇到了一些浏览器不支持某些 unicode 值的问题。因此,它不是正确的图标,而是显示一些不需要的符号。

要在任何浏览器中提供对 Unicode 的支持,我们必须遵循哪些步骤?

0 投票
6 回答
10602 浏览

css - 图标字体与图像

我的经理告诉我不要在我们的网站上使用图标字体,因为这是另一个 http 请求加上额外的 kB 下载。另外因为我必须使用content before字体(我不能更改 html),他更喜欢背景图片,所以它可以在 IE7 中使用。

就我个人而言,我喜欢这些小东西,非常漂亮、清脆和可调整大小!

如果我们在一个网站上只使用几个图标,我明白了,但如果我会使用,说一个网站上的 5 个图标 - 你们怎么看?是否值得使用图标字体,还是他认为它不值得?

我只是喜欢任何新的和令人兴奋的东西,今年是视网膜显示器。

0 投票
1 回答
8463 浏览

html - 在 CSS 中使用图标字体时遇到问题

我是网页设计和开发的新手,一直在玩不同的造型技术。在我的研究过程中,我遇到了icon fonts。尽管我研究了许多教程和视频,但尽管付出了数小时的努力,我还是无法成功地使用图标字体。

首先,我去了一个提供大量图标字体的网站,选择我喜欢的字体,生成它们,最后将它们下载到一个文件夹中。但是现在这些图标字体都在一个文件夹中,我该怎么办呢?

0 投票
2 回答
1341 浏览

css - 图标字体在 Firefox 中不可见

我用@fontface 添加了一个iconfont。唯一的问题是,它在 Firefox 下是不可见的。我有最新版本的火狐。Safari 和 Chrome 运行良好。

0 投票
1 回答
131 浏览

version-control - 如何跟踪图标字体的更改?

图标字体是一个很大的改进,但由于它们不是文本文件,因此无法使用 SCM 跟踪更改。当然,您可以跟踪整个文件,但是如果两个开发人员更改了文件,最后一个合并的人将很难尝试解决问题。她将需要重新创建字体文件。

您如何跟踪多个开发人员团队中的字体文件更改?

更新: 每当有人需要更改文件时,我们都会尝试发送电子邮件。虽然这可能有效,但它并不能解决根本问题:使用基于文本的工具管理二进制文件很麻烦。

0 投票
1 回答
229 浏览

html - 为什么这个 .svg 文件不转换为字体?

我正在尝试使用http://icomoon.io/app/ app 将 .svg 文件转换为字体。我不知道为什么,但它不起作用。我之前已经尝试过使用其他文件,并且它有效。

这是 svg 图像的代码(如果您需要查看图片,只需将其粘贴到编辑器中并保存为 .svg 文件,我猜)我不确定,但我认为 svg 代码中可能有问题,是否取决于最新标准?

0 投票
2 回答
1531 浏览

javascript - 使用 JavaScript/jQuery 将 HTML 实体分配为属性值

我一直在 css-tricks 上遵循这种技术向网站添加图标:http: //css-tricks.com/html-for-icon-font-usage/

我的 CSS 中有这个:

但是,我的部分界面是使用 jQuery 生成的。这是一个这样的控制:

我已经尝试将它编码为\e01c, \\e01c, ,你的名字,我可能已经尝试过了。结果总是一样的,在 & 号之后的所有内容都被渲染到屏幕上,因为 & 号&在源代码中出现或者反斜杠出现了。

我尝试在 CSS 内容中连接:

并且只在数据中包含数字,但与号仍然会自行编码。

有没有办法对这个实体进行编码并将其正确输出到页面?

0 投票
1 回答
467 浏览

css - StackOverflow 徽标的字体图标?

寻找 StackOverflow 的图标字体以使用类似于FontelloFont Awesome的技术。

我在这里看到了一个未解决的问题。也许这已经接近了现在。

干杯,jf

0 投票
4 回答
5095 浏览

css - IE7中的图标字体

我不使用 Font Awesome,但我确实以 Chris Coyier 在 CSS Tricks 上描述的方式使用图标字体。

我希望调整他的代码以使它们能够在 IE7 中工作。我意识到 IE7 不支持生成的内容,所以我查看了 Font Awesome 是如何处理这个问题的,看起来他们使用了这个 JS 表达式:

我的问题是我无法理解它实际上在做什么。我需要知道这一点,以便我可以调整它并使其适用于我使用图标的方式。

添加:

我现在在我的 Sass 文件中有这个:

  1. 如何使用 JS 表达式添加 IE7 支持?也许mixin会以某种方式帮助这里?

  2. 你能解释一下实际的JS表达式吗?