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
2
votes
3 answers
how to add material design icons-font to an Android app
In my app there are a lot of places where i have to programmatically add icons into my textviews.
On the Android material design website i saw, that you can use icon fonts, but there is nothing that indicates that you can do this inside an android…

quantum apps
- 938
- 2
- 13
- 25
2
votes
1 answer
How to generate html page with elements from scss in Gulp
I need to make simple html page, something like stylesheet for icons.
Gulp task 'iconfont' generate glyph fonts out of svg icons with this code:
gulp.task('iconfont', function(){
return gulp.src(['assets/svg/*.svg'])
.pipe(iconfontCss({
…

momciloo
- 887
- 1
- 11
- 24
2
votes
1 answer
Icon font behaving strangely in IE11
I'm having a strange issue with an icon font misbehaving in IE... specifically, it seems that the browser is showing the icon associated with the lower-case character instead of the upper-case character. The characters in question are being…

Matt Diamond
- 11,646
- 5
- 29
- 36
2
votes
1 answer
Generate icon font from SVG images using Maven
I'm working on a java webapp that uses icon fonts for the icons.
I know I can create an icon font from individual SVG files using the IcoMoon app, but I don't want to manually have to recreate the font each time an icon needs to be added.
So I want…

herman
- 11,740
- 5
- 47
- 58
2
votes
0 answers
"Failed to decode downloaded font" when using gulp-iconfont
I'm using gulp-iconfont v4 to generate fonts from SVGs in a folder.
I'm using a swig template to generate a .scss file and include that in my app.scss.
When I serve the files I get the following error in the console: Failed to decode downloaded font…

Craig
- 972
- 3
- 13
- 38
2
votes
1 answer
how ot remove an icon in icomoon from a set
I just added a new set of icons but saw that some are duplicated. I couldn't find a function to remove the duplicates. The only way to clean up I found is to
select all other icons (which are a lot) and try to find and unselect the…

retrovertigo
- 538
- 9
- 20
2
votes
1 answer
Font Awesome menu icon has 1px offset
I've been trying to solve this issue for a few hours, and I've searched for a good solution without much luck. It's driving me bonkers, fiddling with the padding and line-height. Vertical aligning it isn't doing anything (it was suggested in another…

cornishninja
- 553
- 5
- 12
2
votes
1 answer
i element for icon fonts
Back in version 2, Twitter Bootstrap used elements to assign icon fonts something like this:
html
css
icons
css-selectors
icon-fonts

tim peterson
- 23,653
- 59
- 177
- 299
2
votes
1 answer
Combining font icon and Image Replacement
My HTML is like this:
Facebook
I'm using the fontello icon font system however, I can't seem to work out how to make the word Facebook disappear and the icon remain! The generated content looks…

Daniel
- 782
- 2
- 6
- 24
2
votes
2 answers
Icon font generator for compass?
So sprite sheet generation in compass is pretty awesome; however, rasterized images can be limiting for some things. We have enough icons that now need to be in different colors and sizes that we are starting to make an icon font for them.
I was…

Parris
- 17,833
- 17
- 90
- 133
2
votes
4 answers
Icon Fonts in IE7
I don't use Font Awesome but I do use icon fonts in the way described by Chris Coyier on CSS Tricks.
I wish to tweak his code to enable them to work in IE7. I realise generated content is not supported in IE7 so I had a look at how Font Awesome…

rctneil
- 7,016
- 10
- 40
- 83
1
vote
1 answer
Is there a way to make all icons the same size?
i wonder if there is a way to give all icosn of react-icons the same size?
Especially if you use different icon fonts.
In my case for example I have to use two different fonts, because one font doesn't provide the necessary icon, but this looks like…

user17145524
- 227
- 4
- 10
1
vote
1 answer
Some Tabler font icons appearing filled
I am trying to use Tabler icons in my project React typescript project via classNames and for some unknown reasons, some icons appear filled. Please note that my CSS skills are not so good.
The library comes with
Font icons
PNG icons
And SVG…

Nemo
- 152
- 11
1
vote
1 answer
How to change color of Icon which make from createFromIconfontCN with Ant Design?
I want to change color of Icon which make by function **createFromIconfontCN** of ant-design icons tool, but I can't find the way to customize it.
Is there any way to change its color ?
Here is my code:
import { createFromIconfontCN } from…

Tho Bui Ngoc
- 763
- 1
- 11
- 36
1
vote
0 answers
Shadow DOM with font in external CSS files issue
I've recently decided to use the ShadowDOM to encapsulate the styles in my project. At the very begining it I thought it worked as expected but I've noticed that some of the icons coming from the external CSS files were gone.
I've prepared the code…

AdamKniec
- 1,607
- 9
- 25