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
Different formatting for icon next to text
I want the icon to line up to the right of the text, like it properly does now, but I don't want the icon to take the formatting of the text. The only way I've been able to get the icon to line up to the right of the text is by including it in the "…
user2884654
- 21
- 2
0
votes
1 answer
IcoMoon Font Doubling Up
I figured it wasn't normal that when I employed Icomoon fonts, that they would double up.
So in my case, there would be two of the same icon displayed side by side, whereas I only coded for one. Both icons react the same, if I applied CSS properties…
VVulf
- 59
- 5
0
votes
0 answers
@font-face works doesn't work on client's server
I'm using @font-face for icons on a clients site, and everything works fine on our development server. On our clients host, however, they render as empty characters in Chrome, Firefox, and Safari.
I've tried changing the permissions to 777 on the…
alaskey
- 151
- 1
- 1
- 4
0
votes
1 answer
Changing Icon Font in CSS for active state
I currently have a responsive toggle navigation menu which works perfectly fine. The issue I have is with the navigation icon. I'm trying to use Icon Fonts for both the open and close states. Currently my HTML is:
SlightlyClever
- 401
- 3
- 7
- 20
0
votes
2 answers
Icon font background on hover
In the footer of my site http://www.stefaanoyen.be (left column) I have some social media icons which are an icon font. On hover, I want the circles red and the icons in it white. The red circles work, but there's a white square behind them. How do…
Stefaan
- 184
- 4
- 6
- 16
0
votes
2 answers
Icon-font not visible in firefox
I have added with @fontface an iconfont. The only problem is, that it is not visible under firefox. I have the newest version of firefox. Safari and Chrome are working perfectly fine.
@font-face {
font-family: 'iconFont';
src:…
buddy
- 821
- 2
- 12
- 30
-1
votes
1 answer
Can't figure out how to get metro icon font or weather icon font working or how to save SVG
I just can't get https://github.com/erikflowers/weather-icons or https://metroui.org.ua/icons.html working. I've tried it in a WordPress website, for the weather icons I tried:
Uploading css-files in a css-folder and the font-files in the…
SVGal
- 3
- 1
-1
votes
2 answers
Firefox icon font error
Hello. Here's my site. The problem is icon font is working fine on Chrome, Safari but Firefox. Could you please help.
The odd thing is it's working fine on the temporary site with the same structure.
Tran Cuong
- 507
- 5
- 10
-1
votes
1 answer
icon font doesn't fit to center in big size
I'm using fonttello, but it doesn't scale from center.
my html
css
.icon_centering {
font-size: 5.5em;
color: #FFF;
background: #428bca;
border-radius: 50%;
display:…
user3106579
- 643
- 1
- 6
- 15
-2
votes
1 answer
Icon fonts: wrong sign displayed
I created simple web page page with icon fonts.
jsFiddle link
Similar as here
js trick
But I have other icon displayed... snake instead of bars:).
What is wrong with my fonts? Thanks for answers.
Code here:
[data-icon]:before {
font-family:…
Pawel
- 27
- 9