Skip to content

Conversation

eKoopmans
Copy link
Contributor

Bug: Ligatures

Text is sometimes rendered incorrectly, when the font uses ligatures and the text is rendered letter-by-letter. Adjacent letters (i.e. 'fi') are rendered on-top of each other.

bugfix-ligatures

Fix

When text is being rendered per-character (instead of per-word), this fix adds the font-variant-ligatures: none CSS to the parent element. There is also a fix to the .font() handling of font-variant CSS data, as not all font-variant values are supported on canvases.

Related issues/pull requests

#838

@eKoopmans
Copy link
Contributor Author

Tested, this is still an issue in v1.0.0-a1 (using non-foreignObjectRendering). I can work out a fix for the latest build if you like.

@OttoDoorenbos
Copy link

The "f" and "l" are overlapping.

overlap

Is there going to be a fix soon?

@weestack
Copy link

weestack commented May 7, 2018

Hi, i tried using the fix from 838
but with no success.
Using version v1.0.0-alpha.12

Is there gonna be an update soon that fixes this?
5af06bf90fd14

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants