5 ms·
Web Typography Resources
- tangue 8y agoA good thing about this site is that it's legible and nicely designed which, ironically , is not often the case on typographic ressources.
- matejlatin 8y agoThanks, I'm glad you think it's well designed :)
- waivek 8y agoI'd recommend Matthew Butterick's "Practical Typography" to anyone looking to learn about type. https://practicaltypography.com/ https://practicaltypography.com/ I don't agree with everything on this website, however it has helped me tremendously in developing an eye for type. My favorite links: https://practicaltypography.com/typography-in-ten-minutes.html https://practicaltypography.com/typography-in-ten-minutes.ht... After applying the advice on this page on dozens of site and experimenting and tweaking for hours, I understood the thought process behind these deceptively simple rules. https://practicaltypography.com/color.html https://practicaltypography.com/color.html This drives home the concept of "less is more" and leads by example. https://practicaltypography.com/straight-and-curly-quotes.html https://practicaltypography.com/straight-and-curly-quotes.ht... I just love the layout of this page. The design of the table, the elegant asides and a hundred smaller details. There are areas I don't agree with the author, especially when it comes to the engineering side of web design. https://practicaltypography.com/the-scorpion-express.html#the-file-size-myth https://practicaltypography.com/the-scorpion-express.html#th... And yes, there are some controversial choices in the design of the website, notably how links are displayed. However the pros far outweigh the cons.
- amelius 8y agoThanks for the links. One comment: > But consider making body text on screen dark gray rather than black. Screens have more severe contrast than paper, and thus are more tiring to read at full contrast. This is because screens produce color by emitting light directly, whereas paper produces color by absorbing and reflecting ambient light. To mimic the effect of paper, shouldn't the background be made gray instead of the text?
- reacweb 8y agolike hackernews?
- amelius 8y agoGood point, but hackernews does both.
- dspillett 8y agoDoes it? I'm seeing RGB(0,0,0) for body text in my browsers inspector. Lighter shades are used for other elements though. Be careful when using both (or going too far with either). I see many sites where the contrast between the text and its background make them uncomfortable for me to read, and my eyes are fairly OK so people with vision problems probably find such sites impossible. If you want a commercial incentive to not do this: I just hit the "read mode" button or similar, and that strips your adverts as well as recolouring and enlarging the text, and if that doesn't improve things enough the same content is often available on another site a quick google away...
- amelius 8y agoYou are right! Interesting, because the body text visually appears to be dark-gray (at least that's what I think).
- dspillett 8y agoI think that is a combination of the light background reducing the contrast (as you are concentrating on the text not the background it appears that the text is closer to white rather than the background being further from it), and a fair number of the pixels not actually being true black anyway due to font-smoothing trickery (more so if you are using a non-high-DPI display and an OS that is using a font renderer which prioritises strict shape accuracy over snapping to the pixel grid to reduce blur).
- pmichaud 8y ago
- matejlatin 8y agoThat's a great resource, thanks for mentioning it. I might add it to the page :)
- al_ramich 8y agoGreat site, thanks for sharing.
- matejlatin 8y agoNo problem, I'm glad you found value in it.
- JunaidBhai 8y agoGreat resources. Would love to share it with my http://draftss.com http://draftss.com team.
- matejlatin 8y agoThanks. Go ahead, you can share it with anyone you want :)