What does typography have to do with the web? There seems to be nothing here of value that is based on evidence about the readability of text. Especially in today's era where the medium is not fixed, it makes zero sense to treat the web as
a PDF.
The Elements of Typographic Style Applied to the Web
11–20 of 44 posts
Re: The Elements of Typographic Style Applied to the Web
#12"HTML and CSS 2 do not have any provision for automatic hyphenation and current Web browsers support, even for manual hyphenation, is poor.
So don’t justify text on the web."
I've been waiting for this to be fixed since 1997. I suspect it is a very difficult problem to get right. My Kindle accidentally hyphenates things like "Walde-r" and "Lannister-s" (yes, I'm reading GoT again).
Re: The Elements of Typographic Style Applied to the Web
#13Choice of colors makes it very difficult to read, even on a 4k display.
Really? I don't like the subtle skeuomorph of trying to make it look like a book, but the colors seem benign. What problem are you seeing?
Re: The Elements of Typographic Style Applied to the Web
#14What does typography have to do with the web? There seems to be nothing here of value that is based on evidence about the readability of text. Especially in today's era where the medium is not fixed, it makes zero sense to treat the web as a PDF.
I think it that the entire web (excluding videos) is nothing but typography. Typography is not just about fancy flourishes and font serifs, it is about readability and how information is organized and presented visually. Granted, it does have a stylistic element (which is like adding chance to a board game), in that nothing is "perfect" because of culture and trends, but there are rules developed over the past four centuries that help make the medium more accessible.
Re: The Elements of Typographic Style Applied to the Web
#15What does typography have to do with the web? There seems to be nothing here of value that is based on evidence about the readability of text. Especially in today's era where the medium is not fixed, it makes zero sense to treat the web as a PDF.
if you read any of this you’d realize that’s not what’s being suggested… it’s about making informed decisions about how you style text with css
typography is generally involved with any text, many of these are standards that have existed for hundreds of years and still exist on computers
Re: The Elements of Typographic Style Applied to the Web
#16Are there any web sites that have beautiful typography?
I cringe a bit when I hear “beautiful typography”. Usually, this means style over substance. It is way easier to shave yaks about the way something looks (and feel productive doing it), than it is being concerned over the last 10% that takes content from good enough to great.
I cringe whenever people describe their app as “beautiful.” For the same reason.
Re: The Elements of Typographic Style Applied to the Web
#17"HTML and CSS 2 do not have any provision for automatic hyphenation and current Web browsers support, even for manual hyphenation, is poor. So don’t justify text on the web." I've been waiting for this to be fixed since 1997. I suspect it is a very difficult problem to get right. My Kindle accidentally hyphenates things like "Walde-r" and "Lannister-s" (yes, I'm reading GoT again).
I think it’s already possible to get some of the way there on the web today (having fine-grained control and avoiding Walde-r’s). Check out Hypher (https://github.com/bramstein/hypher). If you’re using Gatsby and Markdown, I wrote a small plugin to be able to use it there:
https://www.gatsbyjs.com/plugins/gatsby-remark-hypher/
and
https://github.com/siawyoung/remark-hypher
(An example of how it looks like: https://siawyoung.com)
Re: The Elements of Typographic Style Applied to the Web
#18"HTML and CSS 2 do not have any provision for automatic hyphenation and current Web browsers support, even for manual hyphenation, is poor. So don’t justify text on the web." I've been waiting for this to be fixed since 1997. I suspect it is a very difficult problem to get right. My Kindle accidentally hyphenates things like "Walde-r" and "Lannister-s" (yes, I'm reading GoT again).
Incidentally, by the same author, the state of hyphenation on the web: http://clagnut.com/blog/2395
It's from 2019, but nothing much has changed since. My biggest gripe is that browsers should prevent hyphenation when a word starts with an uppercase letter, which doesn’t seem too hard?
The only bulletproof (but more complicated) solution is to process text beforehand and insert soft hyphens (­) where appropriate.
Re: The Elements of Typographic Style Applied to the Web
#19I didn't get very far in this because the body type is set too small to read on a smartphone screen.
Couldn't figure out how to navigate past the title page on my phone, so I gave up.
Re: The Elements of Typographic Style Applied to the Web
#20"HTML and CSS 2 do not have any provision for automatic hyphenation and current Web browsers support, even for manual hyphenation, is poor. So don’t justify text on the web." I've been waiting for this to be fixed since 1997. I suspect it is a very difficult problem to get right. My Kindle accidentally hyphenates things like "Walde-r" and "Lannister-s" (yes, I'm reading GoT again).
There is the `hyphens` CSS property [1]. Apparently, all big browsers implement it at least for english. It's a pity though, that this is not possible for other languages (at least for Chrome). It should be as simple as provide a basic dictionary with hyphenation data...
[1] https://developer.mozilla.org/en-US/docs/Web/CSS/hyphens