Text Rendering Hates You

• imageworsener

  1 242 0.0 C

  A utility for processing PNG, JPEG, BMP, and WebP images. Features include resize/resample, dither, grayscale, apply background color, subpixel rendering.

  There can be various causes for those symptoms:

  1. Even if the rendering gets the subpixel order right, the subpixels are rarely equidistant on a display. They tend to be closer to each other within a logical pixel.

  2. Some subpixel-AA algorithms are naive, and trade color accuracy to luminance accuracy, causing more color fringes.

  3. Incorrect gamma handling.

  4. If aiming for more luminance accuracy, incorrectly taking into account the relative luminance of the subpixels (what you observed with the brighter green subpixels).

  Imageworsener[1] has an option to downscale with subpixel antialiasing, it's gamma correct by default, and it has an option for adjusting the subpixel offsets within a pixel (instead of the naive default of 1/3). It might be a good way to try out correct subpixel-AA, but it only works on images. I guess you can render text on high resolution and downscale that with imageworsener, but you won't get any hinting that way, but maybe that's desired.

  Very few software does AA correctly, let alone subpixel-AA.

  [1] https://entropymine.com/imageworsener/

• harfbuzz

  11 3,195 9.9 C++

  HarfBuzz text shaping engine

  

  Have you looked into harfbuzz? afaik it's designed to solve that problem, for all languages.

  https://harfbuzz.github.io/

• SonarLint

  www.sonarlint.org

  sponsored

  Clean code begins in your IDE with SonarLint. Up your coding game and discover issues early. SonarLint is a free plugin that helps you find & fix bugs and security issues from the moment you start writing code. Install from your favorite IDE marketplace today.

  

• nuklear

  14 7,758 4.7 C

  A single-header ANSI C immediate mode cross-platform GUI library (by Immediate-Mode-UI)

  

  Everyone is in the mood to write about text rendering today for some reason, love it. Great to see so many points paralleled like this article talking [1] about sub-pixel offsets being a challange and Nuklear's Wiki article talking [2] about snapping glyphs to an interger offset.

  [1] https://gankra.github.io/blah/text-hates-you/#subpixel-offse...

  [2] https://github.com/Immediate-Mode-UI/Nuklear/wiki/Complete-f...

• ghostedit

  1 11 10.0 JavaScript

  Usability focused WYSIWYG editor

  Ah, that was a dark time for WYSIWYG editing on the web. I actually made my own back in that era [0] (well a little later, but when TinyMCE and CKEditor were still the goto solutions), and getting it to work cross-browser when IE6 was still a thing and had no dev tools was an absolute nightmare.

  [0]: https://github.com/nicoburns/ghostedit

• Guide-to-Swift-Strings-Sample-Code

  0 145 10.0 Swift

  Xcode Playground Sample Code for the Flight School Guide to Swift Strings

  

  I agree. It is an excellent article. Text systems are weird.

  There's an entire book about strings, in Swift: https://flight.school/books/strings/

• msdfgen

  7 3,436 0.0 C++

  Multi-channel signed distance field generator

  Not sure if your game has any spatial 3D consideration but this project uses real time Multi-channel signed distance field generation :

  [1] https://github.com/Chlumsky/msdfgen

• colr-gradients-spec

  0 58 0.0 HTML

  

  They just extended the COLR spec to COLRv1 which essentially is a whole new canvas API in fonts: https://github.com/googlefonts/colr-gradients-spec/blob/main...

• Mergify

  blog.mergify.com

  sponsored

  Tired of breaking your main and manually rebasing outdated pull requests?. Managing outdated pull requests is time-consuming. Mergify's Merge Queue automates your pull request management & merging. It's fully integrated to GitHub & coordinated with any CI. Start focusing on code. Try Mergify for free.

  

Suggest a related project