NUKnightLab / TimelineJS3

TimelineJS v3: A Storytelling Timeline built in JavaScript. http://timeline.knightlab.com
Mozilla Public License 2.0
2.98k stars 622 forks source link

Problem with Turkish characters in the Headline #726

Closed ozan-eo closed 2 years ago

ozan-eo commented 2 years ago

The headlines are automatically converted to capital letters. Some Turkish characters are not correctly displayed when in capital letters.

JoeGermuska commented 2 years ago

The handling of headline typography is specific to the font-set chosen. It is true that the default applies a CSS text-transform: uppercase but, in fact, most of the font-sets do not.

These are the choices which include the text-transform: uppercase directive:

While I must admit mostly ignorance about Turkish text, I'll note that the MDN page for text-transform specifically says:

The text-transform property takes into account language-specific case mapping rules such as the following: In Turkic languages, like Turkish (tr), Azerbaijani (az), Crimean Tatar (crh), Volga Tatar (tt), and Bashkir (ba), there are two kinds of i, with and without the dot, and two case pairings: i/İ and ı/I.

which makes we wonder if the issue might not be with the font rather than the CSS. All of the fonts used are from fonts.google.com which should have more information.

Finally, while it is a bit involved, it is possible to override the styling of a timeline more completely. See http://timeline.knightlab.com/docs/overriding-styles.html for more information.

ozan-eo commented 2 years ago

Filling the headline cells with capital letters in the beginning solved the problem. It seems that the problem is about converting the lowercase letters to capital letters.

JoeGermuska commented 2 years ago

interesting. I would think that the message from the MDN page is addressing that kind of thing, but maybe it's an issue with the font not being configured correctly? Really, that kind of thing is far out of my league, but i am happy that you found a solution. Thanks for the update for others who may see this in the future.