SplitText and soft hyphen

[knalle]

Is it possible to have texts split by chars and have ­ (soft hyphen) work? So bigger words are using grammatically correct hyphenation, when viewed on the phone

[ZachSaucier]

Hey knalle. Can you please create a minimal demo that shows what you mean? I'm guessing that you want the words to wrap (using ­ where appropriate) and then be split by chars?

 

[mikel]

Hey Zach,

 

Here is a test: hyphens: auto; text-align: justify;

 

See the Pen KKVJZZr by mikeK (@mikeK) on CodePen

 

 

[knalle]

Oh forgot to make a pen 😞 But Mikkel’s pen is showing the problem - e.g.  “hyper-professionellen” is not understanding the soft hyphen.

[ZachSaucier]

Hmm. I'm not sure how JS would be able to calculate the size of the broken up words. Maybe @GreenSock has some thoughts?

[GreenSock]

Nothing comes to mind right now, sorry. 

[mikel]

 

"There is text and there is beautiful text

This beauty becomes manifest in content and representation.

I'm firmly convinced that all written text (well, most of it)

deserves fine typography, that we deserve it. While hyphenation is just one

of many tesserae that forms the appearance of text, it may be an important one." *

 

Therefore I would do without a SplitText animation with narrow window widths / e.g. smartphones.

 

Voting for cool layouts and typography ...

Mikel

 

* A quote from the hobbyist programmer of Hyphenator.js.