Font Fidelity on Mac
Opened this issue · 3 comments
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:
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?
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}
Cheers
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 :)