Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Kerning problems

See original GitHub issue

Hello and thanks for sharing this awesome lib!

I’m having problems with kerning, here’s an example of a couple of common kerning pairs with DOM text behind it:

As you can see the kerning doesn’t seem to be applied properly. If I add font-kerning: none; to the DOM text they match perfectly:

Is there a way to explicitly enable kerning or is this a bug?

Tested with "troika-three-text": "^0.29.0", via drei@0.0.63

Issue Analytics

State:
Created 3 years ago
Comments:10

Top GitHub Comments

1reaction

lojjiccommented, Oct 5, 2020

Wow that’s an amazing testcase! Thank you so much. I’ll swing back around to this as soon as I finish off #73.

The testcase’s Exo2 and Volkorn fonts also demonstrate the overlapping paths issue in #57 so it’ll be helpful there as well.

1reaction

ffdeadcommented, Oct 5, 2020

Finally had time to create a test case for you: https://codesandbox.io/s/troika-kerning-test-xh7v3

Top Results From Across the Web

Kerning: it's not always a good thing.

More problems are caused by overkerning than by lack of kerning. That's not to say that kerning can't improve a setting of display...

A beginner's guide to kerning like a designer

It might just be a kerning problem. Kerning refers to the amount of space between two letters (or other characters: Numbers, punctuation, etc.) ......

37 Bad Letter Spacing Examples That Made All The ...

Kerning basically describes the horizontal spacing between two consecutive characters used in a font. When type was printed using cast metal, parts that...

11 kerning tips for improving your typography

Your clients may not know what kerning is, but they'll know something's amiss when their design has poorly kerned type. Doing it right...

Fixing bad kerning manually

And besides not missing characters, one of them is proper kerning. ... The whole issue came up with Mazius Display, one of my...