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
0
votes
1 answer
Can't load themify icon font from my Namecheap server.
I hope you all are having a good day.
I currently have a wired problem with my code.
I have designed an HTML5 template which includes Themify icon fonts. I have added it locally, and it's working fine in every browser. Once I uploaded the…

Masud Rana
- 304
- 1
- 6
0
votes
0 answers
Android Custom Icon Font only works if I call setTypeface after View is inflated
I have a custom font file, say myfont.ttf in assets/fonts/
I have created a custom View like this
public class IconFontView extends AppCompatTextView {
public IconFontView(Context context) {
super(context);
…

Saehun Sean Oh
- 2,103
- 1
- 21
- 41
0
votes
0 answers
gulp-iconfont: Iconfont rendering wildly different on Windows
I can't for the life of me figure out why the same font that I build using gulp-iconfont renders so wildly different on Windows vs. basically all other OSes, including mobile OSes. I've tested practically all of them through Browserstack, and…

7oi
- 61
- 3
0
votes
1 answer
Inconsistent css rendering between PC and Mac
I made my own icon font and looks perfect in any browser from OS X:
But is shown with a vertical offset in any browser from MS Windows PC:
In this last example (from PC) the glyph appears below its element box (out of its natural box).
Is a span…

aitor
- 2,281
- 3
- 22
- 44
0
votes
0 answers
Icon font horizontal alignment issue following window size
I used Fontastic to create an Icon Font.
My problem is:
When page width is odd, the image miss aligned to the red circle.
When page width is even, the image is aligned to the red circle.
Here is the div itself
And its pseudo element declaration…

Georgio
- 87
- 18
0
votes
0 answers
Color SVG to Font
I have a color SVG I'd like to use in a font on iOS. It's basically a green circle with a white star on top.
It seems like this should be possible (emojis have multiple colors), but the tools I've seen online for making fonts from SVGs don't seem to…

Bjorn Roche
- 11,279
- 6
- 36
- 58
0
votes
1 answer
Instagram font icon showing as a square
My footer in Wordpress has a number of social icons, but Instagram is the only one that fails rendering properly (see attached image):
I have added the following for better font rendering:
-webkit-font-smoothing:…

panza
- 1,341
- 7
- 38
- 68
0
votes
1 answer
How does IcoMoon choose the code point for a newly added symbol, and can I change it?
I'm using the IcoMoon app to generate an icon font for a web app - there's a number of developers on the team; we share the project file so anyone can add a symbol to the font.
Apart from a bunch of symbols in the basic latin area, everything in the…

manannan
- 400
- 1
- 3
- 9
0
votes
1 answer
gulp Icon-font task that creates emoji's, possible?
I'm trying to do a script that generates a font from SVG's, which works (more or less the same code as provided on https://www.npmjs.com/package/gulp-iconfont for usage)
So that's good so now my real question comes, is it possible to use that gulp…

AlexanderYW
- 217
- 1
- 7
0
votes
1 answer
Assign different font family to an Icon fonts, possible?
Most of the time I use IcoMoon App to get some icons or make my own to use them. I ran into a situation where I wanted to place an icon beside a paragraph
tag, and normally IcoMoon generates the icons and associate them to a class name with the…

AndrewMk
- 623
- 2
- 6
- 16
0
votes
1 answer
icomoon creates one symbol with many classes
I want to create on my own an icon-font. I have the following symbol in svg: symbol
The code looks like this:
0
votes
1 answer
Is there is any iOS App which uses icon fonts for iOS Designs?
I have not even found a single article where they are talking about icon fonts for iOS Development. Is there is any reason for not using icon fonts in iOS Development?
Instead they prefer to use icons in pdf format.

Naveen Sharma
- 586
- 2
- 10
0
votes
1 answer
Path direction in symbols of icon font
I'm making an icon font with this workflow:
Design icons with Sketch app
Generate SVG with gulp-sketch
Generate icon font with gulp-iconfont
Results look right with OSX browsers, but the icons look bad in others (explorer on windows and android,…

aitor
- 2,281
- 3
- 22
- 44
0
votes
1 answer
Icon Fonts: What causes the uninterpreted box in the code inspector?
I'm using an icon font and everything works so far as the icons show up in the interface as they should. I'm creating the file via Sass using the .scss format.
I noticed when I inspect an element to view it's CSS properties in the code inspector,…

Ben
- 2,917
- 10
- 28
- 47
0
votes
1 answer
Extend FontAwesome with IcoMoon
In a project with the Meteor javascript framework, I'm using Fontawesome to display my icons.
I want to add my custom icons to FontAwesome. Looking around, I understand that IcoMoon is exactly the tool I need.
But I don't understand how I can add…

Ynnad
- 303
- 4
- 18