fixes #18433: add three new font utils

diff --git a/docs/components/utilities.md b/docs/components/utilities.md
index 693053a728a6bd29866b162ce134ac44124a4c5a..c73db767fa237f20a6f11ad159a32af0d82500d6 100644 (file)
--- a/docs/components/utilities.md
+++ b/docs/components/utilities.md
@@ -121,6 +121,16 @@ Transform text in components with text capitalization classes.
 <p class="text-capitalize">CapiTaliZed text.</p>
 {% endexample %}
 
+## Font weight and style
+
+Quickly change the weight and style of text.
+
+{% example html %}
+<p class="font-normal">Normal text.</p>
+<p class="font-bold">Bold text.</p>
+<p class="font-italic">Italicized text.</p>
+{% endexample %}
+
 ## Contextual colors and backgrounds
 
 Convey meaning through color with a handful of emphasis utility classes. These may also be applied to links and will darken on hover just like our default link styles.

diff --git a/scss/_utilities.scss b/scss/_utilities.scss
index 7c67b9095670966fdae74cb108f98d9fcfb3bbb7..25ace532cf303ae4f69856163a0be61fc62551ec 100644 (file)
--- a/scss/_utilities.scss
+++ b/scss/_utilities.scss
@@ -72,6 +72,12 @@
 .text-uppercase      { text-transform: uppercase !important; }
 .text-capitalize     { text-transform: capitalize !important; }
 
+// Weight
+
+.font-normal  { font-weight: normal; }
+.font-bold    { font-weight: bold; }
+.font-italic  { font-style: normal; }
+
 // Contextual colors
 
 .text-muted {