This Documentation is Moved!

This is currently being depreciated. Please visited the new location for the styleguide at https://assets.acc.org/Arches/Latest/docs/

Arches: Utility Classes

Arches:Utility Classes

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/acc_uc.css, line 1339

4.1.3 Font Weight

You can change the features of the text with some simple use classes.

Example s

Default styling

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_light

Light, 100

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_regular

Regular, 300

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_medium

Medium, 500

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_bold

Bold, 700

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z

.font_xbold

Extra Bold, 900

a b c d e f g h i j k l m n o p q r s t u v w x y z
a b c d e f g h i j k l m n o p q r s t u v w x y z
<div class="[modifier class] font_normal font_2 font_ui">
  <div class="lowercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
  <div class="uppercase">a b c d e f g h i j k l m n o p q r s t u v w x y z</div>
</div>
Copy Code