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
IconFont - Consistent quality across browsers and platforms
Problem
I've spent most of today reading and learning about the SVG format and the application of Icon Fonts for webdevelopment. I've converted (part of) my existing icon set to icons aligned to a 32 * 32 grid in Adobe Illustrator, exported these to…
Teun Kooijman
- 1,132
- 2
- 10
- 23
1
vote
0 answers
Iconfont generating suddenly broken
We have a site with many SVG icons. A gulp task turns them into an icon font in .eot, .ttf and .woff formats. Everything has worked nicely until recently when two new glyphs were added.
After the new icons were added, most of the existing ones now…
Kaivosukeltaja
- 15,541
- 4
- 40
- 70
1
vote
1 answer
Create my own icon font .ttf .eot .woff and svg files
I have created some icons in AI, so now I'm looking how to convert them in an icon font for web without using third-party applications (like fontastic...)
So I need to create my own .ttf, .eot, .woff and .svg files to insert them in this…
Lester Vargas
- 370
- 2
- 6
- 23
1
vote
0 answers
Create font content in css from GULP icon-fonts
I am new to GULP and I really need help here.
I am using gulp, first to create fonts from SVGs and then using these fonts to create css file which I use in my page.
This is what I am doing in my css template :
<% _.each(glyphs, function(glyph) {…
Tarun Gupta
- 11
- 1
1
vote
3 answers
Polymer - Load custom icons via iron-iconset-svg
I am working on an app that uses Polymer. I need to include the IcoMoon Free Fonts into my app. For some reason, I can't get the icons into my app. Here is what I've tried:
Selected all of the icons at the link above.
Clicked the "Generate SVG,…
user70192
- 13,786
- 51
- 160
- 240
1
vote
0 answers
Position of "iconfont" element in IE (all version) is wrong
I used this package on Meteor project for my custom icons font. And I have a problem with position of icons elements in IE browsers (all versions). It just goes up - like this
There is an element :before and :before just go to UP. Any ideas?
Nazariy
- 408
- 3
- 10
1
vote
2 answers
Google Material Icons as array - any ideas?
I'm implementing the Google Material Icons into my application - https://www.google.com/design/icons/
I would like to be able to populate a select field, so that it displays either the names of the icons, or the icons themselves, with the value of…
SigmaSteve
- 664
- 6
- 25
1
vote
1 answer
Unable to use icon fonts alongwith AngularJS
I am using Icomoon for icon fonts in my AngularJS framework based project. However, I am not able to generate these icons because of the Strict Contextual Escaping (SCE). Instead of showing the icons it is showing the HTML number codes of that icon…
Temp O'rary
- 5,366
- 13
- 49
- 109
1
vote
1 answer
Using Fontawesome utility classes with fontello
I'm new to icon fonts.
I see fontawesome is really great, especially (from my point of view) for classes like fa-stack, fa-2x, fa-rotate-# because they increase available icons.
Fontello is super too. Especially (again from my point of view) because…
andreav
- 541
- 5
- 18
1
vote
1 answer
UI5 StandardListItem DetailAndActive change Icon
I would like to change the standard "pen" icon of the
StandardListItem of type DetailAndActive
. Is there a way to do so?
my XML so far:
- 751
- 3
- 17
- 42
ho.s
1
vote
0 answers
Icon font inside a circle only works on Windows
I'm showing icons from an icon font inside rounded containers.
This is the web page
This is the CSS for the icons
.icon .circle:before{
font-family: "PlayAgenda", sans-serif !important;
-webkit-font-smoothing: antialiased;
-o-transform:…
Shyghar
- 313
- 4
- 19
1
vote
6 answers
How to vertically align icon font
I am trying to vertically align font icons. I have tried vertical-align: middle but I always get a little align difference. The following example has 2 different ways to use the icons and they are not aligned correctly.
div {
font-size: 50px;
…
Pbinder
- 452
- 1
- 6
- 24
1
vote
2 answers
How to change color of font icons in android
I am making one chat application in this i am using icon fonts with reference font awesome,I have saved ttf file into my project assets folder after that i am accessing icons using by setting typeface,problem is i want to change size,color of icon…
skyshine
- 2,767
- 7
- 44
- 84
1
vote
1 answer
icoMoon fonts setup, icons not showing up
I am not able to display my icon fonts. This is the directory structure I have:
_ folder containing
css and fonts folders
outside of the _ folder I have the demo1.html page
This is the code I am using for setting up the fonts:
@font-face {
…
user2371684
- 1,475
- 5
- 20
- 45
1
vote
2 answers
Extract graphics from an icon font
Anyone knows how to extract the graphics in a vector format out of an icon font such as those up on github?
For example how would you convert this Font Awesome SVG:
Robin Rodricks
- 110,798
- 141
- 398
- 607