Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[FEATURE] Add external font libraries to be used as icons for buttons (fontawesome) #1728

Open
royvandongen opened this issue Sep 23, 2021 · 6 comments
Labels
area/graphics Button drawing area/gui GUI / Webapp related Enhancement New feature or request

Comments

@royvandongen
Copy link

Describe the feature
After using Streamdeck combined with companion lately i noticed it is a bit of a hassle to create PNG images for the buttons. It might be a nice idea to implement some widely available icon-fonts like Font Awesome in order to be used on the buttons itself.

Usecases
Font Libraries like FontAwesome have pre-defined images readily available for various usecases (lightbulbs, signals, switches, you name it). Therefor it could be used to give a nice addition to the buttons, without ever needing to make own PNG's

Please note, next to FontAwesome there are multiple of really cool and open source fontlibraries which support icons.

@Julusian
Copy link
Member

Julusian commented Nov 2, 2021

I think the challenge here will be how should this work
Are you thinking of choosing a single icon from fontawesome to be a central image, with the companion text written below?

@Julusian Julusian added the Enhancement New feature or request label Nov 2, 2021
@royvandongen
Copy link
Author

In my mind it would work if there is a 70% screensize filled with an icon of choice, maybe even in a color of choice and use the additional 30% of the screen with the label. Like "Lightbulb" as an image, and below that the value of brightness "55%". It would make it look a bit nicer, since you would not have to write out the descriptions and have a neat image.

@KzBoy
Copy link
Contributor

KzBoy commented Nov 25, 2021

Does #1774 take care of this issue?

Though I would still like the limit to go a bit below 36, at least 32 imo. That way you can use 18px text comfortably.
Example

@dnmeid
Copy link
Member

dnmeid commented Feb 4, 2022

We've been thinking of using a vector based text rendering system and also tried for a short period but it has been too difficult to get this working cross platform. For that reason Companion still is using bitmap based fonts.
From time to time I think of revisiting that part.
In between I want to mention that the Companion fonts (except 7pt) have already many Icons available. You can acces them with Unicode just like smileys.
https://github.com/bitfocus/companion/wiki/Text-input

@metawops
Copy link

In between I want to mention that the Companion fonts (except 7pt) have already many Icons available. You can acces them with Unicode just like smileys. https://github.com/bitfocus/companion/wiki/Text-input

But only black & white, no color icons / Emojis currently (V 3.4.1) possible via Unicode characters, right? 😳

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
area/graphics Button drawing area/gui GUI / Webapp related Enhancement New feature or request
Projects
Development

No branches or pull requests

6 participants