Configurable Button Font

[OhRickCode]

Context

I have quite a small phone (Jelly2) and the letters on the buttons are difficult to read - especially the border letters.

Describe your suggested feature

If the font size of the letters were configurable then they could be made more readable.
Ideally, the centre letter and the border letters could be configured independently.
Being able to configure the typeface could also help improve the readability.

Other details

No response

Acknowledgements

• I have searched the existing issues and this is a new one, NOT a duplicate or related to another open issue.
• This is a single feature request, in case of multiple feature requests I will open a separate issue for each one (they can always link to each other if related)
• I have written a short but informative title.
• I have checked through the app settings for my feature.
• I will fill out all of the requested information in this form.

[nightkr]

There are already the "Key label scale" and "Center key label scale" sliders for this. The scale doesn't go above 100% since that starts to cause labels to overlap.

[OhRickCode]

Those values are currently maxxed out on my phone, but the letters do look like they could be larger without overlapping - but I don't know what the padding/margin of the letters are.

If you look at the screenshot from my phone:

you can see that it does look like the centre letter could be larger - but I realise that fonts can take up more space that you might expect.

Would it be possible to increase the max label scale values to 300%/150%?

EDIT:
Damn. That wouldn't work, as the label scale values are "tied" to each other.

Instead, if the padding of the letters are not already zero, could we have a slider that adjusts that padding e.g. 0 to 10?
Maybe separate sliders for the centre letters and for the border letters.

[nightkr]

Ah. One thing you can do is to reduce the center scale. It makes the edge labels smaller to make more room. Basically, if you think of it as a 3x3 grid, center scale adjusts how much bigger the center row/column is compared to the rest, 100% means all sizes are even, 200% means that center is twice as big as the other labels on the key.

You can see https://jsbin.com/secalofebo/edit?html,css,output for a visualization of how it works. The larger the center label is, the further the peripheries have to dodge out of the way in order to make room.

[OhRickCode]

@nightkr : Although what you say is correct, that would result in the 'border' letters becoming unreadably tiny or the centre letter becoming smaller. :(
Having both scales maxed is the best option for me - which is what I have set them to in the screenshot.

But there looks like there is possibly some padding around the letters that could be reduced to allow the letters to be larger.
If the padding exists and if it could be configured then that would be lovely. :)

[OhRickCode]

You can see https://jsbin.com/secalofebo/edit?html,css,output for a visualization of how it works. The larger the center label is, the further the peripheries have to dodge out of the way in order to make room.

@nightkr This doesn't seem to show anything except 2 grids. Did you forget to click 'Save'? :)

[nightkr]

The grids were the point.. ^^

The size allocated to each key is fixed, the only thing the slider can change is how that space is allocated.

[OhRickCode]

Ok. Yes, that is what the slider does.
But if the letters could have less padding/kerning around them, then the letters should get larger - making them easier for me to read.

[MilesBHuff]

This issue should probably be relabeled to "Configure Button Font Size", since it doesn't seem to be related to configuring the font family used by the keyboard.

Also, it seems like a continuation of #51.

[nightkr]

This issue has been migrated to Codeberg: see https://codeberg.org/natkr/flickboard/issues/159 for any further discussion!