问题标签 [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 投票
2 回答
757 浏览

css - Twitter Bootstrap 和优雅的图标呈现双图标

当我在 html 中插入一个图标时,图标会被渲染两次。我不确定为什么图标会输出两次。我尝试了多种不同的方法来纠正这个问题,但无济于事。我不确定为什么会发生这种行为。

HTML 输入:

CSS:

浏览器(Chrome 和 IE 和 Safari):

在此处输入图像描述

干杯。

0 投票
2 回答
55 浏览

css - 增加字体大小时图标字体类不对齐

我正在使用我在http://iconvau.lt/中创建的图标字体,但是当我将 text-align center 放置时,图标不会居中。它停留在左侧。

0 投票
1 回答
586 浏览

html - Chrome 中的图标被截断(仅在 OSX 上)

我在 Google Chrome 中的自定义图标字体有问题,仅在 Mac 上。它们在边缘被切断。我已经尝试过

  • 使用更大的 svg 和
  • 更喜欢 SVG(在 woff 之前)
  • 玩css设置

你可以在 kuyichi.com 上看到它(如果你有 Chrome 和 OSX) 图标没有边框,四舍五入是图标本身。

有没有人如何解决这个问题?

实时取景:http: //i.stack.imgur.com/niqcP.png

icomoon 上的图标包:http: //i.stack.imgur.com/PwyCm.png

0 投票
1 回答
249 浏览

internet-explorer-8 - 有什么方法可以确保图标字体总是在 IE 8 上加载?

我整天都在尝试让自定义图标字体在 IE 8 中工作(例如,使用FontelloIcomoon)。

下载后,Fontello 和 Icomoon 都提供图标字体的“演示”页面。我一直在使用演示页面进行测试。

至于平台,我一直在ModernIE 的 WinXP VM 上使用 IE8

我遇到的问题是字体加载正常的时间介于 50% 到 90% 之间。其余时间无法加载,如果使用 fontello,则应在其位置出现空白区域,如果使用 icomoon,则应在该位置出现框。

我觉得好像我已经尝试了互联网上任何地方提到的所有修复方法。

我要疯了吗?每次页面加载时都不能让图标字体在 IE 8 上工作吗?我必须接受零星的加载吗?

为了重现错误,只需从 icomoon 或 fontello 下载任何随机自定义字体,然后在 ModernIE 的 WinXP VM 上使用 IE8(如上所述)。我不能说其他配置(例如 Win7 上的 IE8),但我希望它们是相同的。

0 投票
2 回答
2757 浏览

android - 如何在android中更改字体图标的颜色

我正在制作一个聊天应用程序,我正在使用带有参考字体的图标字体真棒,我已将 ttf 文件保存到我的项目资产文件夹中,之后我通过设置字体访问图标,问题是我想更改图标的大小和颜色字体。请帮帮我

0 投票
6 回答
5269 浏览

html - 如何垂直对齐图标字体

我正在尝试垂直对齐字体图标。我试过vertical-align: middle了,但我总是有点对齐差异。下面的示例有 2 种不同的方式来使用图标,并且它们没有正确对齐。

例子

0 投票
1 回答
5030 浏览

font-face - Shadow DOM 中的图标字体

有没有推荐的方法让图标字体(例如 FontAwesome/Octicons)渗入 Shadow DOM?

目前,当我想在自定义元素的 Shadow DOM 中使用图标时,我必须在 Shadow DOM 中包含部分ociticons.css文件内联:

(显然,@font-face确实会渗入 Shadow DOM。)

0 投票
2 回答
2532 浏览

accessibility - Font Awesome support for screen readers and accessibility

According to the Font Awesome home page:

Font Awesome won't trip up screen readers, unlike other icon fonts.

I also know that it is recommended to add the aria-hidden="true" attribute to font icons so that screen readers can ignore them.

My question is, what does Font-Awesome do that "won't trip up screen readers" (I had a look on their GitHub site and I can't find anything) and do I still need to add the aria-hidden="true" attribute?

0 投票
0 回答
129 浏览

css - 圆圈内的图标字体仅适用于 Windows

我正在圆形容器内显示图标字体的图标。

这是网页

这是图标的 CSS

我想达到这个结果

在此处输入图像描述

但在 Android 和 OSX 上我明白了

在此处输入图像描述

有人可以帮我弄清楚如何解决这个问题吗?

0 投票
1 回答
3965 浏览

icons - UI5 StandardListItem DetailAndActive 更改图标

我想更改标准的“笔”图标

DetailAndActive 类型的 StandardListItem

. 有没有办法这样做?

到目前为止我的 XML:

据我所知,只有属性“icon”(我不需要)和“activeIcon”(我设置但也没有显示在 itemPress/tab 上)。我以为我可以通过 css 更改它,但它是在数据属性中设置的(图标字体,不是我可以覆盖的 uri),然后应用:

谢谢..

[编辑:]我接受以下答案是正确的,因为它有效。但是正如您在我的评论中看到的那样,我想通过使用这里描述的聚合元数据来接受控件:

到目前为止,这有效,以至于我现在可以在我的 XML 视图中向 ListItem 添加一个 Button 控件,但它没有被渲染:-) 还有什么我在这里想念的想法吗?