问题标签 [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.
css - 创建图标字体的工具
我想创建一个用于 Web 应用程序的图标字体。fontAwesome、Iconic、fontomas 是我想做的例子,但我需要使用自定义图标。我不知道从哪里开始。任何帮助表示赞赏。
unicode - 通过浏览器支持 Unicode
我正在使用带有图标但没有图像的 CSS 按钮。图标是使用 unicode 值生成的。
在这个问题上,我遇到了一些浏览器不支持某些 unicode 值的问题。因此,它不是正确的图标,而是显示一些不需要的符号。
要在任何浏览器中提供对 Unicode 的支持,我们必须遵循哪些步骤?
css - 图标字体与图像
我的经理告诉我不要在我们的网站上使用图标字体,因为这是另一个 http 请求加上额外的 kB 下载。另外因为我必须使用content before
字体(我不能更改 html),他更喜欢背景图片,所以它可以在 IE7 中使用。
就我个人而言,我喜欢这些小东西,非常漂亮、清脆和可调整大小!
如果我们在一个网站上只使用几个图标,我明白了,但如果我会使用,说一个网站上的 5 个图标 - 你们怎么看?是否值得使用图标字体,还是他认为它不值得?
我只是喜欢任何新的和令人兴奋的东西,今年是视网膜显示器。
html - 在 CSS 中使用图标字体时遇到问题
我是网页设计和开发的新手,一直在玩不同的造型技术。在我的研究过程中,我遇到了icon fonts。尽管我研究了许多教程和视频,但尽管付出了数小时的努力,我还是无法成功地使用图标字体。
首先,我去了一个提供大量图标字体的网站,选择我喜欢的字体,生成它们,最后将它们下载到一个文件夹中。但是现在这些图标字体都在一个文件夹中,我该怎么办呢?
css - 图标字体在 Firefox 中不可见
我用@fontface 添加了一个iconfont。唯一的问题是,它在 Firefox 下是不可见的。我有最新版本的火狐。Safari 和 Chrome 运行良好。
version-control - 如何跟踪图标字体的更改?
图标字体是一个很大的改进,但由于它们不是文本文件,因此无法使用 SCM 跟踪更改。当然,您可以跟踪整个文件,但是如果两个开发人员更改了文件,最后一个合并的人将很难尝试解决问题。她将需要重新创建字体文件。
您如何跟踪多个开发人员团队中的字体文件更改?
更新: 每当有人需要更改文件时,我们都会尝试发送电子邮件。虽然这可能有效,但它并不能解决根本问题:使用基于文本的工具管理二进制文件很麻烦。
html - 为什么这个 .svg 文件不转换为字体?
我正在尝试使用http://icomoon.io/app/ app 将 .svg 文件转换为字体。我不知道为什么,但它不起作用。我之前已经尝试过使用其他文件,并且它有效。
这是 svg 图像的代码(如果您需要查看图片,只需将其粘贴到编辑器中并保存为 .svg 文件,我猜)我不确定,但我认为 svg 代码中可能有问题,是否取决于最新标准?
javascript - 使用 JavaScript/jQuery 将 HTML 实体分配为属性值
我一直在 css-tricks 上遵循这种技术向网站添加图标:http: //css-tricks.com/html-for-icon-font-usage/
我的 CSS 中有这个:
但是,我的部分界面是使用 jQuery 生成的。这是一个这样的控制:
我已经尝试将它编码为\e01c
, \\e01c
, 
,你的名字,我可能已经尝试过了。结果总是一样的,在 & 号之后的所有内容都被渲染到屏幕上,因为 & 号&
在源代码中出现或者反斜杠出现了。
我尝试在 CSS 内容中连接:
并且只在数据中包含数字,但与号仍然会自行编码。
有没有办法对这个实体进行编码并将其正确输出到页面?
css - IE7中的图标字体
我不使用 Font Awesome,但我确实以 Chris Coyier 在 CSS Tricks 上描述的方式使用图标字体。
我希望调整他的代码以使它们能够在 IE7 中工作。我意识到 IE7 不支持生成的内容,所以我查看了 Font Awesome 是如何处理这个问题的,看起来他们使用了这个 JS 表达式:
我的问题是我无法理解它实际上在做什么。我需要知道这一点,以便我可以调整它并使其适用于我使用图标的方式。
添加:
我现在在我的 Sass 文件中有这个:
如何使用 JS 表达式添加 IE7 支持?也许mixin会以某种方式帮助这里?
你能解释一下实际的JS表达式吗?