icon-fonts Questions
3
Solved
Coming from Font Awesome I'd like to use the new Bootstrap Icons in my web project. Unfortunately the inclusion of Bootstrap Icons seems way more tedious in regard to the amount of code I have to i...
Oppidan asked 21/8, 2020 at 7:17
9
Solved
I was wondering whether it is possible to use icon font icons (e.g. Font Awesome) as markers in Google Maps V3 to replace the default marker. To show/insert them in a HTML or PHP document the code ...
Blessington asked 4/5, 2013 at 13:56
4
Solved
I understand that icon fonts are just fonts and that you can get the icons by just calling their classname, but how do icon fonts work?
I've tried checking the related icon font resources loaded i...
Welby asked 19/3, 2013 at 15:6
4
Solved
I have an svg which when opened in any browser comes up fine. I am trying to convert a bunch of them to font icons using http://icomoon.io/ but it's not coming up correctly after importing. I tried...
Tinder asked 16/6, 2014 at 21:6
2
Solved
I have noticed on my angular 2 app that in IE 11 all my material design icons will flicker the text before showing the actual icon. Is there a solution to this? Is there a way to use some sort of p...
Engird asked 14/7, 2016 at 1:44
7
Solved
I'm using angular 7.0.1 and angular material 7.0.2, I want to add the font awesome 5.4.2 icons and I'm trying to follow the steps on fontawesome web but I can't get the font awesome icon font.
fir...
Brueghel asked 27/10, 2018 at 18:42
1
Solved
At the begining I want to say that I'm aware that the question is similar to:
How to let imported css font / icons have effects on elements in the shadow dom?
It's not the case and it does not he...
Granduncle asked 1/6, 2020 at 9:25
6
Solved
I'm creating some icon font rules for using in my site. Using Sass I wanted to list all the icons in a list variable and use @each to loop through them all.
Code looks like this:
$icons:
wifi ...
Spall asked 6/2, 2014 at 16:40
6
updating fonts to existing fonts
I’m already using 5 icomoon fonts in our website which was downloaded from icomoon. I want to include 2 more fonts. What should I do?
Can I add the new 2 fonts t...
Arum asked 24/9, 2013 at 18:9
1
Solved
font-display is a new CSS property that allows developers to control how fonts are rendered depending on if they load quickly enough. There's been a few articles on it:
Controlling Font Performanc...
Many asked 24/3, 2018 at 4:44
1
Solved
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:
<button type="button"...
Banville asked 9/7, 2019 at 7:1
3
Solved
I want to make a fallback for my icon font. For example, for my beautiful icon font check mark I use Unicode check mark equivalent:
.icon-checkmark {
&:before {
content: "\2713"; /* Unicode ...
Brownstone asked 18/7, 2013 at 12:2
2
Solved
I use fontello for some icons on my website. When you download from fontello they deliver:
.ttf
.woff
.svg
.eot
css file with @font face to link all together
Everything works fine with this bu...
Inflation asked 17/11, 2013 at 13:37
0
Material Design Icons
(Icon fonts not sized correctly)
I know I can fix them w/ css (I've done that below in the code snippet). But why? Is there a CSS technique I can add to the style sheet so...
Continuo asked 31/3, 2016 at 19:42
3
I am trying to migrate my android application which is using the png assets to icon fonts. I could successfully use it in navigation drawer using a list view. But I couldn't use it in navigation vi...
Grumble asked 18/2, 2016 at 8:34
1
Solved
I made my font icon set with fontello. At the moment it works like this:
<div class="icons_class home" ng-click="toHome()"></div>
and the CSS of the corresponding class is:
.icons_c...
Gerome asked 8/2, 2016 at 15:25
2
Solved
I want to rotate this font icon 45 degrees. The icon has this CSS (all CSS compiled via LESS):
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flat...
Argyres asked 12/6, 2015 at 22:2
0
We're experiencing a weird problem with font icons. First couple of visit they load beautifully, but after a period of idle (usually around 24 hours) on subsequent visits they are replaced by squar...
Sweyn asked 12/5, 2015 at 14:18
2
Solved
I’ve used Fontastic.me to create an iconfont. It works great except in the native browser of Android 4.2.2 and 4.3 (eg: modern Samsung tablets).
In these browsers, the characters of the entire fon...
Thigmotaxis asked 6/5, 2014 at 9:5
1
Solved
There is this site http://game-icons.net/ that offers huge number of open source icons. That is 1345 SVG files to this day. I would love to use them with a web project I am working on right now. Th...
Caitlin asked 29/12, 2014 at 19:24
2
Solved
I am trying to a rotate an icon with transform: rotateZ(90deg) but it seems like it is ignoring it.
When I add a transition to the icon I can see the animation of the icon rotating but then it sna...
Greenwell asked 16/12, 2014 at 21:18
2
Solved
I did a proof-of-concept online implementation of a traditional card game. To avoid having to actually draw pictures of the cards I used the corresponding Unicode characters (eg. U+1F0A1 🂡). While...
Persons asked 6/11, 2013 at 22:58
3
Solved
I am using the CSS Buttons With Icons But No Images.The icons are generated using unicode values. In this I faced a problem that some browsers doesn't support some unicode values. So instead of pro...
Hireling asked 20/8, 2012 at 14:16
6
Solved
I'd like to create an icon font for use in a web application. fontAwesome, Iconic, fontomas are examples of what I'd like to do but I need to use custom icons. I'm not sure where to start. An...
Pah asked 20/4, 2012 at 22:25
3
I'm using a large Icon from an icon font my client delivered as a header logo on the index page of a web app. The logo is as large as 60% of the device width and consists of a large round logo (abo...
Stonefish asked 12/3, 2014 at 9:4
1 Next >
© 2022 - 2024 — McMap. All rights reserved.