An icon font is a font containing glyphs to be used as icons in a web page or application. Use this tag for questions involving fonts used specifically in this way, including various methods and practices for using glyphs as icons or for creating fonts that contain such glyphs.
Questions tagged [icon-fonts]
190 questions
3
votes
1 answer
FontAwesome does not render on Firefox for Android
Please see above a render of this page (http://www.jungledragon.org/apps/jd3/all/recent) on Firefox for Android, version 28. The problem is instantly visible: all those ugly blocks should be icons coming from the icon font 'FontAwesome'.
This is…
Fer
- 4,116
- 16
- 59
- 102
3
votes
3 answers
How to maintain an icon font from SVG files
We have an icon font (and relevant CSS code) for an icon font pack. However we need to add more icons to the pack or edit some of the current ones.
The question is: how can we do it without having an expensive font-design software? We've bought…
AlexStack
- 16,766
- 21
- 72
- 104
3
votes
3 answers
Bootstrap glyphicon hover only partially colored
I'm utilizing Bootstrap's glyphicon font to render icons within menu links. They have a CSS :hover effect that causes them to change color upon hover. For most of the glyphicons this works perfectly fine, but for some reason, when using the "open…
Alex Coleman
- 601
- 7
- 18
3
votes
1 answer
Fontello icon font shows strange characters until cache is cleared when var_dump is output before doctype
We use fontello icons across a site and 90% of the time they display correctly in all browsers. For some reason when we var_dump (PHP) code before the html doctype they all break into strange characters (See images below) and are only fixed when the…
Ben
- 4,301
- 6
- 37
- 61
3
votes
1 answer
Are there any drawbacks to using
The reason for my question is I'd like to use a search icon from an icon font, which I can't think of a good way to do with an input. I know IE6 and maybe 7 had some quirks with buttons, but if I'm not supporting those, are there any drawbacks to…
GusRuss89
- 1,314
- 2
- 13
- 20
3
votes
1 answer
@font-face: Icon fonts & Converting CSS character (Hex) Value
Background
I am working a lot at the moment with webfonts, and specifically icon fonts. I need to ascertain the which character a specific icon is for testing purposes, so I can simply type the character &/or copy-paste it.
Example
The CSS of most…
Timidfriendly
- 3,224
- 4
- 27
- 36
3
votes
1 answer
How to track changes to icon fonts?
Icons fonts are a great improvement but, as they are not text files, it's not possible to track changes using SCM. Of course, you can track the whole file, but if two developers change the file, the last person who merges is going to have hard times…
eridal
- 1,288
- 1
- 11
- 23
2
votes
1 answer
Why does Opera display Google's Material Symbols Outlined (icon font) incorrectly, how to fix?
I'm building a website and I wanted to used Google's Material Symbols (Icon Font) "Outlined".
I've added that code to my header:
somedotnetguy
- 557
- 2
- 14
2
votes
2 answers
Icon font with multi-color SVG icons
We are trying to create an icon font for our custom multi-color icons. Icomoon worked like a charm for our UI icons (mono-color) but with multi-color icons, multiple lines are required to use an icon (look at the example below). Is there any way to…
2
votes
1 answer
Decorative Icon Fonts Accessibility
For decorative icon fonts and other applicable components, is there a difference between using aria-hidden="true" and using role="img" alt=""
Myreille Abaya
- 21
- 1
2
votes
1 answer
Using @font-face in HTML files on file:/// in Firefox 68
From the MDN :
When a user opened a page using a file:/// URI in Firefox 67 and
earlier, the origin of the page was defined as the directory from
which the page was opened. Resources in the same directory and its
subdirectories were treated…
John Slegers
- 45,213
- 22
- 199
- 169
2
votes
1 answer
antd - How to generate scriptUrl in Custom Font Icon
I want to add a play icon to my antd-Button component in (React), I tried to follow antd-Icon documentation and Icon font help without success in generating scriptUrl
From official docs:
const MyIcon = Icon.createFromIconfontCN({
scriptUrl:…
Dennis Vash
- 50,196
- 9
- 100
- 118
2
votes
2 answers
What should I install for rails 5.1 - font-awesome-sass, font-awesome-rails or font-awesome-less
When installing font awesome in a new rails application, I never can't seem to remember which one to use.…
american-ninja-warrior
- 7,397
- 11
- 46
- 80
2
votes
0 answers
Bootstrap 4: own arrow in custom select menu
I'm using the custom select menu (https://v4-alpha.getbootstrap.com/components/forms/#select-menu).
Now I want to change the arrows on the right.
I saw, that the class uses an background image to display the arrow.
But it's an strange url/svg...
Is…
Cray
- 5,307
- 11
- 70
- 166
2
votes
2 answers
Self hosting Google's Material Design Icon Fonts - OTS parsing error - Invalid Version tag
I want to self host Material Design Icon Fonts. I have followed their developer guide. So I downloaded the icon font from here, coppied the eot, ttf, woff and woff2 files into my project directory and included it in my CSS. But I am getting a ton of…
Solace
- 8,612
- 22
- 95
- 183