Slab Text | Responsive Web Design

Slab Text

SlabText allows you to create great, big, bold headlines that resize to the viewport width.

It is very similar to FitText, however it has some benefits of it’s own.  SlabTExt gives you the ability to wrap certain combinations of words within your headline so regardless of the viewport size it will remain on the same line.  Awesome!

The ideal number of characters to set on each row is calculated by dividing the available width by the CSS font-size – the script then uses this ideal character count to split the headline into word combinations that are displayed as separate rows of text.

See the Pen SlabText by Justin Avery (@justincavery) on CodePen

  • Resource Name

    Slab Text

  • Resource Creator

    Frequency Decoder

Description

A jquery plugin for producing big, bold and responsive headlines.

View on Github Download Resource

Subscribe to our Newsletter

Add your email address and receive an email every Friday covering off everything worth knowing about building your websites responsively.