[Suggestion] Avoiding Rivers in the justified text by using hyphens: auto

[ganar]

[Suggestion] The justified text looks a lot better if you use hyphens:auto, particularly in small screens.

p {
    margin: 0;
    padding: 0.25em 0;
    text-align: justify;
    hyphens: auto;
}

[meyerweb]

The CSS does apply hyphens: auto to the body (see https://github.com/chrisgriffith/glasstone-dolan/blob/main/html/style.css#L19-L22), and I’m seeing that inherited by paragraphs in the browsers I have available to test. Which browser/OS were you using that didn’t get the hyphenation?

[ganar]

I was using Brave on a Mac and Safari on my iphone SE 2020. I´ve checked a number of pages with rivers —which are apparent on mobile— and could not find a single instance of a hyphen.

[meyerweb]

I found out (or had forgotten) that Safari still requires the webkit- prefix on hyphens, so I’ll update the CSS to read:

body {
	font: 1em/1.35 Cambria, Times, serif;
	-webkit-hyphens: auto;
	hyphens: auto;
}

Not sure how long it will be before that’s deployed, but it will get into the site sooner or later.

I’m not sure why Brave didn’t hyphenate for you; it’s based on Chromium, which does support hyphenating English on the Mac, at least according to my copy of Chrome 105. So Brave ought to do the same, as I understand it. I’ll try it myself once I get Brave downloaded and see what I can learn.

[acidus99]

This issue appears to have been fix with:
4072f2e