Questions tagged [icon-fonts]

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.

190 questions
1
vote
0 answers

How do I use prepare_command to modify the info.plist file of the host project

I have a private pod, its role is to manage some "IconFont", it contains a .ttf file. I hope my other projects will automatically register this font in the info.plist file when they rely on this pod I wrote a script: s.prepare_command = <<-CMD …
Rakuyo
  • 390
  • 3
  • 15
1
vote
1 answer

How to use desired font in Image Asset in Android Studio?

I was trying to change the application icon of my project. I figured out i had to use Image Asset to create it. I chose the background image and while i chose the foreground to have text. I couldn't use a custom font in it. Any solutions? Image link…
1
vote
1 answer

Icon Font Accessibility: parent span with aria-label or sibling span with sr-only

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:
gaurav5430
  • 12,934
  • 6
  • 54
  • 111
1
vote
1 answer

Icon-font cuts off top of icon

I'm rather new to icon-fonts in CSS and now ran into the following Problem: I have several boxes containing an Icon. Sadly the upper part of the icon get's cropped off. I found out, that the icon-font I'm using is adding a ::after-pesudo-element…
Lumnezia
  • 796
  • 2
  • 9
  • 32
1
vote
2 answers

How to incorporate an icon that is not in Google Material for Angular?

To use Material icon for Angular, is used with the name of the icon: check And icons can be found here: https://material.io/tools/icons/?style=baseline Now the problem is this icon-set lacks so many icons. For…
1
vote
0 answers

Why icon font does not appear with stylus

Use svg to create an icon font on iconmoon, name it sell-icon, copy the four files (sell-icon.eot\sell-icon.svg\sell-icon.ttf\sell-icon.woff)in its fonts folder into the common fonts folder, import the style.css file into common/stylus, and change…
stack
  • 821
  • 1
  • 15
  • 28
1
vote
0 answers

Material icon fonts are not working due to IE's font download security option disabled

Here is the scenario, The application uses already developed APIs such kendo-ui and few more internal developed APIs for UI component with AgnularJS. In these liberaries and in our application we have followed "npm dependency" approach for material…
1
vote
3 answers

Xamarin.Forms: is possible to create a Button containing both a Text and and an icon fonts as Image?

I tried to create a button that looks like this: But, I would like to use a icon fonts (like FontAwesome) instead of a Bitmap as source of the Image. I thought that I could it with Iconize, but it's not the case: IconizeButton only replace the Text…
Gold.strike
  • 1,269
  • 13
  • 47
1
vote
1 answer

Add multiple custom icon fonts to CSS file dynamically

I have a html form generator like this. In this form generator users only can select a font icon from list. I did like it but I need to add new option that user can add custom font icons and uses it. For implementing this option I try to do it like…
Ali Soltani
  • 9,589
  • 5
  • 30
  • 55
1
vote
0 answers

Icon font blur in Chrome when using transform: translate3d();

I've got an icon font blur problem (and element flicker) when there is an element using transform animation. This seems to be a known bug with the Chrome browser, one mention of it is here:…
user3438958
1
vote
0 answers

Issue with gulp-iconfont

I've already raised issue here to which author says, it's misconfiguration. My issues is that my configuration looks correct but it's not generating icons properly. Getting this using gulp-iconfont: Getting this using iconmoon website
master_dodo
  • 1,203
  • 3
  • 20
  • 31
1
vote
0 answers

SwiftIconFont working well on simulator but not working on devices?

SwiftIconFont pods framework working well on simulator but not working on devices(iPhone & iPad)? I have already added "Fonts provided by application" section in 'info.plist'. info.plist-screenshot
Rajesh M
  • 17
  • 1
  • 6
1
vote
0 answers

How to use iOS system font and material icon-font together in UILabel

I am using system font in UILabel. I have to use icon-font for some icons within text. Content of UILabel is dynamic and fetched from server. Alpha-numeric characters should use system font and icons should use icon-font. It's something similar to…
Ram Suthar
  • 356
  • 2
  • 9
1
vote
2 answers

Reduce space between responsive div or classes html/css3

I'm trying to create a website and I am trying to achieve responsive icon fonts. I've succeeded with that (using media queries) but when the screen changes a space begins to show and grow as the screen size gets smaller. Small Screen size - Large…
Anon
  • 147
  • 2
  • 16
1
vote
1 answer

Icon font files in gitignore

I use gulp to create an icon font out of *.svg files. Should the generated font files (font.eot, font.ttf, font.woff) be gitignored?