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
Use icon fonts in Windows Universal apps
Since Windows 10 has .NET introduced the property FontIcon.Glyph. If you add code below to your xaml page if gives me next char Σ.
H. Pauwelyn
- 13,575
- 26
- 81
- 144
0
votes
1 answer
What is the proper syntax to add a icon fonts in HTML?
Bootstrap and FontAwesome write it this way :
It seems to me that this should be preferred :
since the span element is not semantic (unlike the i tag),…
GentleFish
- 349
- 3
- 5
0
votes
2 answers
Icon font don't fit to pixel (sometimes)
I built an icon font fitted to pixels but, when I try to use it, some times fit to pixels and other times does not.
In this example, three instances of the icon show diferent behavior. First instance fits, second an third does not. Why?
This example…
aitor
- 2,281
- 3
- 22
- 44
0
votes
1 answer
Previewing icon font WITHOUT css
I need to view an icon.ttf (svg,woff,eot,whatever) font file. I do NOT want to create CSS to do this. There are hundreds of icons and I need to look at them quickly. Is there anything I can use to open the font file?
The only responses are along…
tiffylou
- 546
- 1
- 4
- 14
0
votes
3 answers
Gulp iconfont css not generating
My icon font files are generating just fine, but the css is not generating at all. Below is a simplified version of my gulp file, which is not working. What am I missing? I'm very new to gulp.
var gulp = require('gulp'),
iconfont =…
Lauren
- 255
- 4
- 13
0
votes
0 answers
@font-face custom icons font code works when put in :before pseudo class, but not :after, why?
I generated a list of custom icons from fontello, and I needed 2 make 2 icons stacked (because I needed the two in different colours).
Originally, I had it wrapped in a container that's in relative position, with the two icons as their own object…
CleverNode
- 307
- 4
- 12
0
votes
1 answer
Unicode symbol (25be) not displaying on Samsung mini devices
I've included an iconfont and I'm trying to use Unicode symbols as the characters for the icons. Most seem to be working except for a couple on the site which return blank.
25be and 25b4 seem to be the main ones.
I'm loading these as content in a…
Adam Hughes
- 2,197
- 20
- 31
0
votes
1 answer
zurb-foundation icon as a dropdown menu
I'm having trouble using the foundation Icon set. I'd like to use an icon as the button for a dropdown menu in my navbar.
0
votes
0 answers
Making SVG icons and font icons work together
I've noticed in my layouts that if I choose to use SVG icons, it is difficult to incorporate icon fonts as a backup. For example, if I have an SVG in a fluid container, an icon font inside this fluid container would not get bigger as its size is…
Mouse6541
- 175
- 2
- 11
0
votes
0 answers
Internet Explorer iconfont problems
I have a little problems with icon webfont and IE.
With Chrome, the font-size:1.3em is correctly displayed.
But with IE, the font-size isn't respected (in px and in em...).
I have tested a font-size in em and…
Rasmus
- 11
- 3
0
votes
1 answer
Multiple Icon Fonts
We are using glyphicons, FontAwesome and our custom Icon-Font.
Now I'm getting to the issue that these icons are not on the same line:
We have an CSS Class that makes the icons bigger and with that the icons are on the same line:
.icon-5x {
…
YAT
- 456
- 1
- 4
- 14
0
votes
1 answer
Font symbols don't display correctly with css generated from gulp-iconfont
So, I'm using gulp-iconfont to generate icon font from svg icons. I've set up task in a next way:
gulp.task('iconfont', function(){
gulp.src(['src/assets/icons/*.svg'])
.pipe($.iconfont({
fontName: 'material',
normalize: true
…
Boris Zagoruiko
- 12,705
- 15
- 47
- 79
0
votes
2 answers
Using Bootstrap Glyphicons
I am trying to use the glyphicons from twitter bootstrap. I want to use the pseudo-element :after instead of before.
.glyphicon.glyphicon-search:before
The above works just fine.
.glyphicon.glyphicon-search:after
The above does not work.
What am I…
user3259232
- 97
- 7
0
votes
1 answer
Is there any way to ensure that icon fonts always load on IE 8?
I've been trying all day to get custom icon fonts to work in IE 8 (for example, with Fontello or Icomoon).
Both Fontello and Icomoon offer "demo" pages of the icon font after you download it. I've been using the demo pages to test.
As far as…
Pete
- 7,289
- 10
- 39
- 63
0
votes
1 answer
Icons are cutted off in Chrome (only on OSX)
I have a problem with my custom iconfont in Google Chrome, only on Mac. They are cutted off at the edge. I already tried to
use greater svg's and
prefer the SVG (before woff)
play with css settings
You can see it live at kuyichi.com (if you have…
Pim v.d. Vossen
- 1
- 1