Comparison of text scaling settings
Responsive behavior: Wrap (no font size scaling)
Font size: Desktop 18px , Tablet 16px , Mobile 14px
Sample text: This is a dummy text. It is included to check the size, amount, spacing, and line spacing of the characters.
Responsive behavior: Scale proportionally
Font size: Desktop 18 px *, Tablet 16 px *, Mobile 14 px *
Max – Min: Common to all breakpoints None – None
Sample text: This is a dummy text. It is included to check the size, amount, spacing, and line spacing of the characters.
Responsive behavior: Custom scale
Font size: Automatic (Desktop 18 px*, Tablet 16 px*, Mobile 14 px*)
Range Start - Range End: Desktop 18-17 , Tablet 17-15 , Mobile 15-14
Sample text: This is a dummy text. It is included to check the size, amount, spacing, and line spacing of the characters.
Responsive behavior: Scale proportionally
Font size: Desktop 18 px *, Tablet 16 px *, Mobile 14 px *
Max – Min: 18px – 14px for all breakpoints
Sample text: This is a dummy text. It is included to check the size, amount, spacing, and line spacing of the characters.
Responsive behavior: Scale proportionally
Font size: Desktop 18 px *, Tablet 16 px *, Mobile 14 px *
Max-Min: Desktop 18-17px , Tablet 17-15px , Mobile 15-14px
Sample text: This is a dummy text. It is included to check the size, amount, spacing, and line spacing of the characters.
Responsive behavior: Wrap (no font size scaling)
Font size: Desktop 18px , Tablet 16px , Mobile 14px
Sample text: This is a dummy text. It is included to check the size, amount, spacing, and line spacing of the characters.