Re:Building a personal website in 2021
by bruce343434 on Sunday May 16, 2021 @05:23PM
(#27177123)
I recently redesigned my personal website and it looks very fine. The trick is to actually learn about the tricks you're using, as with everything in life. Oh, and you need to set `<html lang='??'>` .
#content {
font-family: "AtkinsonHyperlegible", sans-serif;
text-rendering: optimizeLegibility;
font-size: 0.5cm;
line-height: 1.4;
max-width: 70ch;
}
@media screen and (min-width:70ch) {
#content {
word-break: break-word;
text-align: justify;
text-justify: inter-character;
hyphens: auto;
hyphenate-limit-lines: 2;
}
}
I haven't looked in to this, so I can't judge the veracity of this claim.
However, in general I find that hyphenated text on screens never looks quite right to me, even when done right (even though it looks fine in newspapers and magazines). I'm not entirely sure why; I think that it's because on the web lines tend to be a lot longer than in newspapers and magazines, which are usually very narrow columns by comparison. Or maybe it has to do that the screen is typically further away from you. Or maybe both, or something else entirely.
I do think it's valuable to have, especially for narrow columns (e.g. sidebars) or smaller screens. But it's not something I'd want to use on my website like in the example you mentioned.