Learn
>
Sygnal-U
>
Formatting Text in Webflow
>
Fitting Text Exactly

Formatting Text in Webflow

Fitting Text Exactly

Overview
Introduction & Overview
Formatting Text Elements
Formatting Numbers & Currencies
6:09
210
Truncating Text w/ Ellipsis
220
Isolating Bold & Italic Styles in Headings & Text
4:26
221
Emojis & Line-Breaking
2:28
223
Fitting Text Exactly
224
Highlighting Text
225
Formatting Dates & Times
Formatting Dates
251
Formatting Collection Lists
Comma-Separated List Items
7:15
310
Formatting Rich Text Elements
Formatting Rich Text Elements
410
Formatting CMS-Bound Rich Text Elements
420
Add a Highlighting & Code Effect to Rich Text
7:03
425
Nested Lists in Rich Text Elements
2:37
430
No items found.
Published
February 13, 2023
Updated
in lightbox
VIEW THE LESSON

Want to fit single or multi-line text to the width or height of its container?

Use textFit.

Documentation

https://github.com/STRML/textFit

https://github.com/STRML/textFit/blob/master/textFit.js

Demonstration

https://codepen.io/memetican/pen/eYwBrQr/86e40c437f4a99154b33095b724a2db2

See the Pen Untitled by Michael Wells (@memetican) on CodePen.

‍

Videos
No items found.
Table of Contents
Comments
Need help with your project?
Talk to us
Want to show your appreciation?
Buy us a beer
Did we just make your life better?
Passion drives our long hours and late nights supporting the Webflow community. Click the button to show your love.
Buy us a beer