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.

Support FontIcon widget

See original GitHub issue

At least in winRT and web apps using font-icons instead of png/gif/jpg or even SVG icons get’s increasingly common.

There are some very significant advantages:

  • Infinite Scalability: No need to think about different image and screen resolutions.
  • No additional resources: All you need is one font (which is either part of the OS or bundled with client).
  • Customizable colors: Decide at runtime which color the icon should have.
  • Consistent UI: Using one (or two) fonts per client gives your app have a look matching the OS.

Disadvantages:

  • Monochromatic only

Windows and Android provide fonts for their platform, see here, here and here. I couldn’t find one for iOS/Mac/Apple, but there are free fonts we could use, like this one, this one and this one. Those could also be used to fill in missing icons on the android/windows fonts.

We would have to find common icons the different fonts use and make them available under one keyword, e.g.

tabris.create("FontIcon", { glyph: "phone", ios_glyph: "#8657" } );

I think this feature would fit perfectly with our “easey-to-use” USP. Discuss!

Issue Analytics

  • State:open
  • Created 8 years ago
  • Reactions:1
  • Comments:10 (4 by maintainers)

github_iconTop GitHub Comments

1reaction
cpetrovcommented, Feb 15, 2020

It’s not possible to use custom fonts where the Tabris widget API only supports an ImageValue (Tab#image, Action#image, ActionSheetItem#image, Button#image, ToggleButton#image, Page#image) so the usage of custom fonts as icons is currently limited.

0reactions
mpostcommented, Jun 15, 2018

With the support for external fonts this could be implemented with an icon font. Closing as resolved.

Read more comments on GitHub >

github_iconTop Results From Across the Web

[Icon Widget] Support - WordPress.org
Support » Plugin: Icon Widget. Search for: Search forums ... Widget Has Lost Functionality. Started by: dmor71 ... Font Awesome icons no longer...
Read more >
Include a font icon in a single widget
Include a font icon in a single widget · In the platform UI, navigate to Service Portal > Widgets, then click the widget...
Read more >
Get the dev and design support you need - Font Awesome
You can find some guidelines for using Font Awesome 5 in Axure here: https://forum.axure.com/t/font-awesome-widget-library-for-rp-8-icon-fonts/25599/90 .
Read more >
Widgets Bundle Now Featuring Font Awesome 5 - SiteOrigin
SiteOrigin Premium also includes our next level email support service. If you need expert advice and quick replies, consider SiteOrigin Premium.
Read more >
Icon Widget - Elementor
Icon: Choose from a list of Font Awesome icons; View: Choose between default, stacked or framed; Link: Enter the URL for the item's...
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