Font Size

Utilities to change an element's font-size.

Usage

Classes by Platform

Product

Size
Class
Output
10px .d-fs-50
font-size: 1rem !important;
Aa
11px .d-fs-75
font-size: 1.1rem !important;
Aa
12px .d-fs-100
font-size: 1.2rem !important;
Aa
13px .d-fs-125
font-size: 1.3rem !important;
Aa
14px .d-fs-150
font-size: 1.4rem !important;
Aa
16px .d-fs-200
font-size: 1.6rem !important;
Aa
18px .d-fs-250
font-size: 1.8rem !important;
Aa
20px .d-fs-300
font-size: 2.0rem !important;
Aa
22px .d-fs-350
font-size: 2.2rem !important;
Aa
26px .d-fs-400
font-size: 2.6rem !important;
Aa
29px .d-fs-450
font-size: 2.9rem !important;
Aa
32px .d-fs-500
font-size: 3.2rem !important;
Aa
36px .d-fs-550
font-size: 3.6rem !important;
Aa
42px .d-fs-600
font-size: 4.2rem !important;
Aa
46px .d-fs-650
font-size: 4.6rem !important;
Aa
52px .d-fs-700
font-size: 5.2rem !important;
Aa
58px .d-fs-750
font-size: 5.8rem !important;
Aa
66px .d-fs-800
font-size: 6.6rem !important;
Aa

Mobile

Size
Class
Output
12px .d-fs-100-mobile
font-size: 1.2rem !important;
Aa
16px .d-fs-200-mobile
font-size: 1.6rem !important;
Aa
20px .d-fs-300-mobile
font-size: 2rem !important;
Aa
29px .d-fs-400-mobile
font-size: 2.9rem !important;
Aa
41px .d-fs-500-mobile
font-size: 4.1rem !important;
Aa

TC8

Size
Class
Output
17px .d-fs-100-tc8
font-size: 1.7rem !important;
Aa
21px .d-fs-200-tc8
font-size: 2.1rem !important;
Aa
27px .d-fs-300-tc8
font-size: 2.7rem !important;
Aa
38px .d-fs-400-tc8
font-size: 3.8rem !important;
Aa
54px .d-fs-500-tc8
font-size: 5.4rem !important;
Aa

TV

Size
Class
Output
25px .d-fs-100-tv
font-size: 2.5rem !important;
Aa
32px .d-fs-200-tv
font-size: 3.2rem !important;
Aa
41px .d-fs-300-tv
font-size: 4.1rem !important;
Aa
58px .d-fs-400-tv
font-size: 5.8rem !important;
Aa
82px .d-fs-500-tv
font-size: 8.2rem !important;
Aa

Font Size documentation last updated Friday, September 4, 2026

fix/popover-modal-zindex-scope