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
2 answers
Icon font class don't align when increase font size
I'm using a icon font that i create in http://iconvau.lt/, but when i place text-align center the icon don't get centered. It stays on the left.
html
user3228307
- 11
- 2
0
votes
1 answer
Rendered Size Differences for Font Icons
I want my icons to be vertically centered next to my text but there are weird size differences that are making it difficult.
Why are my icon fonts rendering with these weird size differences?
I'm using the icon font method used in Bootstrap (using…
Mitch Malone
- 389
- 1
- 4
- 15
0
votes
1 answer
how to align the icon font in vertical center?
I am not able to align the icomoon in the vertial center. can anyone help me?
HTML:
0
votes
3 answers
Custom icon font not loaded
Using gulp-iconfont-css, I'm trying to compile Material Design svg into a font. This is the part of my Gulpfile.js:
gulp.task('iconfont', function(){
gulp.src(paths.svg)
.pipe(iconfontCss({
fontName: 'material-design', // required
…
Vinz243
- 9,654
- 10
- 42
- 86
0
votes
1 answer
Changing color of my SVG icons on hover
I want an alternative to font icons. So I decided to create SVG icons. I'm using Grunt and https://github.com/jkphl/grunt-iconizr. Everything works fine. There are my output SCSS files using Grunt Iconizr:
First
%icon {
…
Martin Pešout
- 47
- 1
- 7
0
votes
0 answers
Font frame in css file
I want to use a font frame in my webpage. The font frame is like the Brownstone font frame so if you type the letter e for example it is a large curly frame.I would like to put these frames around images on a webpage.
The obvious way I can think to…
Ciarán
- 105
- 2
- 10
0
votes
1 answer
:before pseudo icon font is not loading css correctly on IE9+
This is a strange quirk I've been facing. This is a responsive design so after my media query for 600px max width is applied it's like IE does not apply correctly the code. All the rest of browsers render this correctly as you can see on the images.…
Daniel Ramirez-Escudero
- 3,877
- 13
- 43
- 80
0
votes
1 answer
Bug with icon font and css change color
I'm using bootstrap 3 and glyphicons (The PRO version, but it's almost the same, some more icons) as a font.
Sample code for one in context:
Jurassic Park Lorem…
Nazareno Lorenzo
- 1,069
- 2
- 14
- 25
0
votes
1 answer
IE 7 adding underline to icon font elements
Hi I have built a site using a font-icon from icomoon as image alternatives. Everything is fine however in ie7 they display with a text-decoration underline.
I have used a class to stop this when used in links which works in all browsers except…
0
votes
1 answer
Magento, Icon Packs, CName Records and Cloudlfare
I am currently running a Magento Store through Cloudflare and I have been experiancing duplicate orders which some stack overflow users have suggested is due to Cloudflare. In order to test this, while still using my Cloudflare subscription to some…
Peter A
- 374
- 1
- 5
- 13
0
votes
1 answer
How to use Fontello custom icon as a logo for a website? How to make the character sizes correct?
The original problem is, that I need a logo to which I can apply a shadow (text-shadow), and make it work in retina displays also. Png's with shadow made with photoshop don't really work if they have to support retina and non-retina -displays.
How…
Jonathan
- 697
- 3
- 13
- 24
0
votes
1 answer
Extend Fontello icons
I'm trying to extend icon pseudoclasses generated by Fontello in less.
Now while this works:
.icon-extended:before:extend(.icon-caret-n:before) {}
This doesn't:
ul.checked li:before:extend(.icon-ok:before) {color: #4fa33b;}
Can't see why?
The…
Birgit Zimmermann
- 73
- 6
0
votes
1 answer
Zurb Foundation 4 Icon Fonts Setup
hope things are going well.
I'm currently building html/css prototype for a website using Zurb Foundation 4. I'm currently just using Sublime Text 3 and internet browsers to build this. I'm very interested in using the Zurb Foundation Icon sets, but…
UkrVolk11
- 39
- 4
0
votes
1 answer
How do you change the star rating image from WooCoomerce to another image
So, I've been developing an ecommerce site for a winery.
As you know, WooCommerce uses stars as a rating symbol. The customer doesn't want the star rating system, since in his niche stars are for brandys and other similar liquors.
So, how can I…
aBogdan
- 180
- 1
- 12
0
votes
1 answer
Getting unicode values from SVG using DOMDocument
I am attempting to retrieve the unicode values of glyphs in an icon font. The font is structured like this:
Michael Irigoyen
- 22,513
- 17
- 89
- 131