The following are examples of the various font styles available on the website, as well as instructions on how to correctly apply them when creating new pages or editing existing ones.
h1: This is the formatting for the h1 tag
This style is used for page titles. It is automatically generated by Drupal. Please refrain from using this tag on other parts of the page. The font being used is Nexa Bold. The size is 2.0em. More information and character samples can be found here.
h2: This is the formatting for the h2 tag
This style is used for sub-headings beneath the page title. This should be used for short introductory text leading into overall page content. The font being used is Nexa Bold. The size is 1.75 em. More information and character samples can be found here. (This heading is different in LibGuides.)
h3: This is the formatting for the h3 tag
Use this tag for section headings within pages. The font being used is Nexa Bold. The size is 1.5 em. More information and character samples can be found here.
h4: This is the formatting for the h4 tag
Use this tag for sub section headings within pages. 1.25 em.The font being used is Nexa Bold. More information and character samples can be found here
Summary text uses p class="summary-text".
This is the code <p class="summary-text"> This is the paragraph that gives a short summary of content on this page. </p>
p: This is the standard paragraph text, which is designated by a p tag. The font being used is Ovo. More information and character samples can be found here
When applying any of these styles, you can simply use the "Format" dropdown in the WYSIWYG editor. It is not necessary to add anything else to the source code.
The above is a horizontal rule and is applied by clicking on the "Insert Horizontal Line" button in the WYSIWYG editor.
You can use a horizontal rule to separate page content.
LIBRARY SPOKE & COLOR PALETTE
LIBRARY TURQUOISE #31B8A7
LIBRARY BLUE #336699
LIBRARY FIR #015B51
LIBRARY BOLD GOLD #E8B566
UCM BLUE #092F44
LIBRARY RED #B13034
YOSEMITE GRANITE #5B5B5B
LIBRARY GOLD #90774F
CRIMSON #691313
VALLEY CLOUDS #ECF0F1
VALLEY FOG #808080
Nexa Bold
Nexa Light
Sub-heading in Arvo. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
For the style above, use the following code. <p class="summary-text">place your text here</p>
EB Garamond: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur sed viverra nisl, at lacinia urna. Aenean commodo diam ut turpis accumsan tristique. Ut et elit a est elementum auctor. Aliquam lobortis ultricies risus quis tristique. Praesent molestie venenatis dui, non tempor libero rutrum sed. Duis ac condimentum sem, id facilisis diam. Ut pretium, dolor id convallis vestibulum, magna nunc luctus erat, id lacinia quam mi et eros. Vestibulum sed odio eget leo luctus aliquam sed sed tellus. Mauris iaculis, nisl id luctus viverra, nisi purus vulputate enim, vitae elementum nunc nisl vel justo. Aliquam consectetur odio vitae arcu volutpat hendrerit. Donec consectetur maximus venenatis. Donec euismod interdum felis pellentesque pulvinar. Fusce eu ante id mi gravida ultricies vel eleifend magna. Curabitur a nisl quis enim congue pretium. Aliquam mattis sed quam id convallis. Vivamus sed aliquet nibh.
List elements
- One Link
- Another link
- Yet Another link
