Typography · Bootstrap v5.0 | font-weight-bold bootstrap
GlobalsettingsBootstrapsetsbasicglobaldisplay,typography,andlinkstyles.Whenmorecontrolisneeded,checkoutthetextualutilityclasses[1].Useanativefontstack[2]thatselectsthebestfont-familyforeachOSanddevice.Foramoreinclusiveandaccessibletypescale,weusethebrowser’sdefaultrootfont-size(typically16px)sovisitorscancustomizetheirbrowserdefaultsasneeded.Usethe$font-family-base,$font-size-base,and$line-height-baseattributesasourtypographicbaseappliedtothe
.Setthegloballinkcolorvia$link-color.U... Global settingsBootstrap sets basic global display, typography, and link styles. When more control is needed, check out the textual utility classes[1].
Use a native font stack[2] that selects the best font-family for each OS and device. For a more inclusive and accessible type scale, we use the browser’s default root font-size (typically 16px) so visitors can customize their browser defaults as needed. Use the $font-family-base, $font-size-base, and $line-height-base attributes as our typographic base applied to the <body>. Set the global link color via $link-color. Use $body-bg to set a background-color on the <body> (#fff by default).These styles can be found within _reboot.scss, and the global variables are defined in _variables.scss. Make sure to set $font-size-base in rem.
HeadingsAll HTML headings, <h1> through <h6>, are available.
Heading Example <h1></h1> h1. Bootstrap heading...