Enhancing Web Typography with text‑wrap: balance
Exploring the synergy of `text‑wrap: pretty` and `text‑wrap: balance` in web typography, enhancing text aesthetics and readability in different contexts.
Articles
Typography
In web design, typography refers to the use of fonts and text layout to enhance readability, introduce rhythm, and improve the overall aesthetic of a website.
Below you will find a subset of articles from my blog specifically about Typography. This is a topic I have worked with for many years, although it has not been one I have written about often. There are five articles collected here so far, which you can see and read below.
Enhancing Web Typography with text‑wrap: balance. Enhancing Web Typography with
The Power of text‑wrap: pretty. The Power of
text‑wrap: prettyAn exploration of the power of `text‑wrap: pretty` in CSS, a simple but very effective way to enhance web typography by preventing orphans in blocks of text.
Using JavaScript to Avoid Orphans. Using JavaScript to Avoid Orphans
Orphans are annoying single‑word lines of text that hang at the end of a paragraph. It is straightforward using React and JS to banish them from your site.
Using CSS to Deal with Widows. Using CSS to Deal with Widows
In typography, a 'widow' is the last line of a paragraph, which falls alone on the following page or column. On the web, this can be easily tackled with CSS.
Disabling Text Selection Highlighting with CSS. Disabling Text Selection Highlighting with CSS
User‑select makes stopping visitors from selecting items on‑page easy, and can be combined with ::selection to capture the browsers where user‑select is absent.