-
Notifications
You must be signed in to change notification settings - Fork 29.7k
Description
Steps to Reproduce
Use the code below in a widget to render the text in MacOS, Web and compare to Photoshop or Sketch rendering of the text.
Details
Render text with Kerning is not working and rendering system is double sampling antialiasing on fonts on MacOS at least.
Kerning is not working on web rendering either.
The following screen shot shows the difference, the top text is from the Sketch app and rendered at size on a Mac.
The second set of text is rendered in the MacOS APP generated code. My guess is that the TTF font is being rendered with antialiasing to a texture and then the image is placed BLIT'd as a texture also with antialiasing resulting in thicker font. This is pretty clear on the 'our' of 'Your' at the top of each letter and also does not happen with the web renderer. This oversampling causes blurred letters.
The third line of text is the web rendered code and you can see the Kerning is not correct and is ignored but at least the sampling is correct.
Expected results:
All text in the fonts should match layout and kerning.
Positioned(
left: 16.895999999999958,
bottom: 69.69599999999997,
child: Container(
width: 229.00,
height: 19.01,
child: Text(
'Your Genius Token address:',
style: TextStyle(
fontFamily: 'Prompt',
fontSize: 12.672,
fontWeight: FontWeight.w500,
fontStyle: FontStyle.normal,
letterSpacing: 0.32,
color: Colors.white,
),
textAlign: TextAlign.left,
)),
),
