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
1
vote
0 answers
How do I use prepare_command to modify the info.plist file of the host project
I have a private pod, its role is to manage some "IconFont", it contains a .ttf file.
I hope my other projects will automatically register this font in the info.plist file when they rely on this pod
I wrote a script:
s.prepare_command = <<-CMD
…

Rakuyo
- 390
- 3
- 15
1
vote
1 answer
How to use desired font in Image Asset in Android Studio?
I was trying to change the application icon of my project. I figured out i had to use Image Asset to create it. I chose the background image and while i chose the foreground to have text. I couldn't use a custom font in it. Any solutions?
Image link…

Swapnil Patel
- 13
- 4
1
vote
1 answer
Icon Font Accessibility: parent span with aria-label or sibling span with sr-only
I have a icon which is not decorative, and it is not directly within an interactive element, though there is an interactive element in the hierarchy.
Something like this:

gaurav5430
- 12,934
- 6
- 54
- 111
1
vote
1 answer
Icon-font cuts off top of icon
I'm rather new to icon-fonts in CSS and now ran into the following Problem:
I have several boxes containing an Icon. Sadly the upper part of the icon get's cropped off.
I found out, that the icon-font I'm using is adding a ::after-pesudo-element…

Lumnezia
- 796
- 2
- 9
- 32
1
vote
2 answers
How to incorporate an icon that is not in Google Material for Angular?
To use Material icon for Angular, is used with the name of the icon:
check
And icons can be found here: https://material.io/tools/icons/?style=baseline
Now the problem is this icon-set lacks so many icons. For…

mohammad rostami siahgeli
- 6,787
- 9
- 49
- 89
1
vote
0 answers
Why icon font does not appear with stylus
Use svg to create an icon font on iconmoon, name it sell-icon, copy the four files (sell-icon.eot\sell-icon.svg\sell-icon.ttf\sell-icon.woff)in its fonts folder into the common fonts folder, import the style.css file into common/stylus, and change…

stack
- 821
- 1
- 15
- 28
1
vote
0 answers
Material icon fonts are not working due to IE's font download security option disabled
Here is the scenario,
The application uses already developed APIs such kendo-ui and few more internal developed APIs for UI component with AgnularJS.
In these liberaries and in our application we have followed "npm dependency" approach for material…

Girish Menghani
- 11
- 5
1
vote
3 answers
Xamarin.Forms: is possible to create a Button containing both a Text and and an icon fonts as Image?
I tried to create a button that looks like this:
But, I would like to use a icon fonts (like FontAwesome) instead of a Bitmap as source of the Image.
I thought that I could it with Iconize, but it's not the case: IconizeButton only replace the Text…

Gold.strike
- 1,269
- 13
- 47
1
vote
1 answer
Add multiple custom icon fonts to CSS file dynamically
I have a html form generator like this. In this form generator users only can select a font icon from list. I did like it but I need to add new option that user can add custom font icons and uses it.
For implementing this option I try to do it like…

Ali Soltani
- 9,589
- 5
- 30
- 55
1
vote
0 answers
Icon font blur in Chrome when using transform: translate3d();
I've got an icon font blur problem (and element flicker) when there is an element using transform animation. This seems to be a known bug with the Chrome browser, one mention of it is here:…
user3438958
1
vote
0 answers
Issue with gulp-iconfont
I've already raised issue here to which author says, it's misconfiguration.
My issues is that my configuration looks correct but it's not generating icons properly.
Getting this using gulp-iconfont:
Getting this using iconmoon website

master_dodo
- 1,203
- 3
- 20
- 31
1
vote
0 answers
SwiftIconFont working well on simulator but not working on devices?
SwiftIconFont pods framework working well on simulator but not working on devices(iPhone & iPad)? I have already added "Fonts provided by application" section in 'info.plist'.
info.plist-screenshot

Rajesh M
- 17
- 1
- 6
1
vote
0 answers
How to use iOS system font and material icon-font together in UILabel
I am using system font in UILabel. I have to use icon-font for some icons within text. Content of UILabel is dynamic and fetched from server. Alpha-numeric characters should use system font and icons should use icon-font. It's something similar to…

Ram Suthar
- 356
- 2
- 9
1
vote
2 answers
Reduce space between responsive div or classes html/css3
I'm trying to create a website and I am trying to achieve responsive icon fonts. I've succeeded with that (using media queries) but when the screen changes a space begins to show and grow as the screen size gets smaller.
Small Screen size - Large…

Anon
- 147
- 2
- 16
1
vote
1 answer
Icon font files in gitignore
I use gulp to create an icon font out of *.svg files.
Should the generated font files (font.eot, font.ttf, font.woff) be gitignored?

michiherbst
- 33
- 3