CSS auto hyphenation support

Apparently auto hyphenation was introduced to CSS in 2011 (!) and these days it seems pretty well supported (although not completely). I'd like Webflow to consider adding support for this. It would make text-content-driven websites more professional and give designers/publishers the sort of typographical control that traditional print has always enjoyed.

Here's an article about CSS hyphenation: http://clagnut.com/blog/2395/

Possible ideas:

  • Toggle on/off globally for all text elements

  • Individual toggles for text elements

  • Perhaps default to ON for paragraph, div, list, and other standard text elements, but maybe not headlines? With a way to turn off, of course; defaults should be reversible by the user

Admin Note:

Right now there's partial browser support for this CSS feature. We currently have text-wrapping control available in Webflow sites, so it's unlikely that we'll build out auto-hyphenation. A workaround would be to add a custom code embed to your site on the canvas and add in the CSS within that custom code block. This will render the hyphenation styles in the Designer and on the published site.

  • Mark Bult
  • Mar 24 2019
  • +8