: Text hyphenation in iOS apps I'm not sure if there are any typography gurus here that might be able to answer this question, but I don't know where else to look. I'm looking to add text
I'm not sure if there are any typography gurus here that might be able to answer this question, but I don't know where else to look. I'm looking to add text hyphenation into one of my projects, and after doing some research, there are a few curious points I am unable to connect. I want to know when and when not to use hyphenation, and if screen width is a major factor in this decision.
I'm curious as to why in Apple's iOS Safari "Reader" feature (where you tap the Reader button and it converts any web page into a nicely formatted reading friendly page), they do not use hyphenation on the iPhone, but use hyphenation on the iPad Safari Reader. So on the iPhone, they do use hyphenation in the iPhone iBooks app, but do not in the reader app (so I'm unsure as to if this has anything to do with screen width.
iPhone Reader in Safari (no hyphenation):
iPhone iBooks (hyphenation):
iPad Reader in Safari (hyphenation):
More posts by @Hamaas979
1 Comments
Sorted by latest first Latest Oldest Best
Short: If you don't know when to use hyphenation, it's best to let whatever program you're using decide on the hyphenation.
Every single one of your images comes from different screen widths. iPhone tries to pretend to be a desktop on many occasions, but there are limitations. iPad, on the other hand, has greater leash.
For mobile Safari it supports things like text-align: justify and ­. Again, if you don't know where to put your ­ it's best to not use them. You can also adjust your line-spacing to whatever you like. This will get you close to where you want to be. Otherwise, if you're a perfectionist, you will have to go through and manually place your ­ in there. Make sure you watch for Widows and Orphans as Lauren mentioned above.
For mobile, I don't know if the following work, but you can try or look it up:
word-break: hyphenate;
-webkit-hyphens: auto;
Terms of Use Create Support ticket Your support tickets Stock Market News! © vmapp.org2024 All Rights reserved.