Font Fidelity on Mac

[theruffus]

TLDR: Just bought Elgato Stream Deck Neo, fonts look weird on a Mac, but normal on PC.

I use a Mac Mini M1 for work and a PC for gaming, after buying the Elgato Stream Deck Neo (the new white one with 8 buttons) I connected it via USB Switcher to be able to use it on both machines.

When configuring some home automation buttons I noticed fonts in home assistant Plugin on a Mac look like "the printer is running out of ink". Example below, both buttons configured the same way in the same spot:

Mac:

PC:

Perhaps expectedly they look in the same "printer out of ink" way on the preview in the Stream Deck app.

Maybe offering a font choice / size setting or some smoothing settings would fix this?

[theruffus]

I did some searching, the culprit seems to be the black stroke (strokeWidth:4) in the plugin-780664f7.js file.
Once I changed strokeWidth to 0 and the stroke to #FFF the text became crystal clear on the Mac

class J3{constructor(V={width:144,height:144}){this.buttonRes=V,this.halfRes={width:this.buttonRes.width/2,height:this.buttonRes.height/2},this.fontSize=24,this.lineAttr={fill:"#FFF","font-family":"sans-serif","font-weight":"bold","font-size":${this.fontSize}px,"text-anchor":"middle",stroke:"#FFF",strokeWidth:0}

Result:

Preview:

Cheers

[cgiesche]

Hi and thank you for this finding. I am currently (slowly but surely) working on a refresh of the rendering logic. I will add your changes to make the font more readable :)

[Notrial]

Not sure if this was asked before but it would be awesome if we could have text formatting options for custom labels as well, similar to the title options on screenshot below: