Brand Fonts
Typography reinforces institutional identity and ensures a consistent, accessible user experience.This theme incorporates the university’s approved brand fonts to maintain visual cohesion across digital communication.
Inter
Inter is the primary sans serif typeface. Clean and highly legible, it is suitable across academic and athletic contexts and serves as the foundation of the typographic system.
INTER REGULAR
Oski the Bear observed 4 expert wizards jumping quickly over 26 lazy dogs.
INTER ITALIC
Oski the Bear watches 5 quick brown foxes jump over 13 lazy dogs by the riverbank.
INTER BOLD
Oski the Bear juggles 5 jellybeans while 13 quick foxes zigzag over 26 lazy dogs.
INTER BOLD ITALIC
Oski the Bear observes 26 quiet glyphs as 5 dozen vectors align beneath 12 bright lamps.
Source Serif
Source Serif is the university’s serif typeface. It offers a more traditional, refined tone and may be used when a more formal or elegant feel is desired.
SOURCE REGULAR
Oski the Bear observed 4 expert wizards jumping quickly over 26 lazy dogs.
SOURCE ITALIC
Oski the Bear watches 5 quick brown foxes jump over 13 lazy dogs by the riverbank.
SOURCE BOLD
Oski the Bear juggles 5 jellybeans while 13 quick foxes zigzag over 26 lazy dogs.
SOURCE BOLD ITALIC
Oski the Bear observes 26 quiet glyphs as 5 dozen vectors align beneath 12 bright lamps.
Barlow Condensed
Barlow Condensed should be used in a secondary capacity, such as for headlines or callouts—not for long-form content.
BARLOW CONDENSED REGULAR
BARLOW CONDENSED ITALIC
BARLOW CONDENSED BOLD
BARLOW CONDENSED BOLD ITALIC
Default Fonts
When brand fonts are unavailable, use:
- Arial (sans serif fallback)
- Times (serif fallback)
These alternatives help maintain readability and brand consistency.
Heading Hierarchy
Clear heading structure is essential for readability, organization, and accessibility. Headings create a logical outline of the page, helping all users quickly scan content and understand how information is structured.
For users who rely on screen readers, headings are especially important. Assistive technologies use heading levels (H1–H6) to navigate a page efficiently—similar to how sighted users visually scan bold section titles.
Why Heading Order Matters
- Improves accessibility by providing a logical content structure
- Enhances usability for users scanning the page
- Supports SEO by clearly defining content sections
- Reduces cognitive load through organized information
Best Practices
- Use one H1 per page for the primary title
- Follow headings in sequential order (H2 → H3 → H4)
- Do not skip levels (e.g., H2 directly to H4)
- Avoid using headings simply to make text appear larger
- Keep headings concise and descriptive
When used correctly, heading hierarchy improves clarity for all users and ensures content meets accessibility standards.
Heading Level 1 (H1)
57px / Used once per page for the primary page title, the H1 defines the main topic and should clearly reflect the purpose of the page. In this WordPress theme, the page title is automatically styled as the H1 by default.
Heading Level 2 (H2)
40px / H2 headings are used to organize the main sections of your content, creating clear, high-level categories. Start with H2 in the content area, since the page title is automatically an H1. Avoid using H1 within the content itself.
Heading Level 3 (H3)
30px / Used for subsections within an H2 section. H3s help group related ideas and support scannability.
Heading Level 4 (H4)
26px / Used for supporting structure beneath H3s. Helpful for detailed breakdowns or layered content.
Heading Level 5 (H5)
22px / Used sparingly for deeper sub-sections when content requires additional structure.
Heading Level 6 (H6)
17px / Reserved for highly detailed or specialized content. Rarely needed on most standard web pages.
Headings should always follow a logical, sequential order (H1 → H2 → H3) to ensure clarity, accessibility, and proper document structure.