question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Instructions on using @icon/font

See original GitHub issue

I’ve been unable to get <Icon> working in my project. I’m not running into webpack compile errors, and the uikon style seems to be applying to the element, but I’m just seeing the plaintext “building” instead of the building icon render.

Specific instructions on how to get <Icon/> working would be appreciated!

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:15 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
dternyakcommented, Dec 9, 2019

Thank you so much! I greatly appreciate this. I’ve just sent you an email.

0reactions
tleitecommented, Dec 18, 2019

Thank you so much for the help @tleite!

Last bit I’m stuck on: I’m a bit unfamiliar with font-loading. Do you mind pointing me towards any resources on how to check if fonts are getting loaded? Unfortunately still not able to get this working.

  1. look on your network tab, make sure the font files are loading
  2. try inspecting an element, and hardcode the font-family to see if it loads
Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML for Icon Font Usage | CSS-Tricks
Pick out an icon font. · Go to IcoMoon and load it up (or use their icon set) · Choose the icons you...
Read more >
Why And How To Use Icon Fonts - Vanseo Design
First we assign the icon font to the icon class. Next we use the :before pseudo element on the cart class to serve...
Read more >
What Is an Icon Font? (And How to Use One) - Design Shack
Icon fonts are typefaces that use tiny images rather than letterforms. Like type, each character is scalable and can be modified using CSS....
Read more >
Creating and Implementing Your Own Icon Font – A Tutorial
Step 1: Drag & drop selected SVG's and create a new set · Step 2: Select all the icons you wish to include...
Read more >
How To Use And Embed An Icon Font On Your Website
Icon fonts are great for their scalability on high-resolution displays and they can be treated and styled exactly like text. Below are steps...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found