Typography

Our brand typefaces reflect the fearless, approachable and ready attributes of the SFU brand.

SFU's standard fonts

Our standard typefaces are Countach, DIN Pro and DIN Serif.

We have established specific styles and uses for each typeface, as described on the right.

When these fonts are not available, please use the specified system fonts listed below.

NOTE: Fonts for live HTML text are still to be determined.

Headlines  
Font Countach Bold (Caps)
Size Larger than 30pt*
Leading 86% of the font size
Tracking 0
Kerning Set to "Metrics"
Align Left or right. Bleed off the same side whenever possible.
Sub-heads, call-outs, calls-to-action
Font DIN Pro Condensed Black (Caps)
Size Smaller than 30pt*
Leading 120% of the font size
Tracking 20
Align Left
Body copy and call-outs
Font DIN Serif Regular
Leading 150% of the font size
Tracking 0
Align Left
Side bars, captions, charts
Font DIN Pro Light, Regular, Medium
Leading 150% of the font size
Tracking 0
Align Left

*Large scale applications, like banner and signage, require unique sizing consideration based on the distance to the viewer.

System fonts

Our system fonts are Impact, Trebuchet MS and Times.

System fonts should be used when the standard fonts are not available. These fonts are all common system fonts or open source, so they do not require users to purchase licenses.

These typefaces are also useful for sharing and editing documents in applications like PowerPoint and Word.

Headlines
Font Impact Regular (Caps)
Size Larger than 30pt*
Leading Equal to the font size
Tracking 0
Align Left or right. Bleed off the same side whenever possible.
Sub-heads, call-outs, calls-to-action
Font Trebuchet MS Bold (Caps)
Size Smaller than 30pt*
Leading 120% of the font size
Tracking 0
Align Left
Body copy and call-outs
Font Times Regular
Leading 140% of the font size
Tracking 0
Align Left
Side bars, captions, charts
Font Trebuchet MS Regular, Bold
Leading 150% of the font size
Tracking 0
Align Left

*Large-scale applications, like banner and signage, require unique sizing consideration based on the distance to the viewer.

Obtaining the SFU fonts

  • Communications and Marketing has purchased a limited number of font licenses for distribution. Please email sfu-brand@sfu.ca to inquire.
  • If you're working with an external partners, they can purchase SFU fonts by following the links below:
    • Countach
    • FF Din Pro
    • DIN Serif font was custom made for SFU. Purchase the default version of the DIN Serif font via the automated online platform. After the purchase, request the customised version by email. This is an extra step but a necesary one.
  • SFU's system fonts are installed on all SFU computers.

Layouts

Typography is an important part of our brand toolkit; it helps to set the voice of our brand. It is also very flexible to accommodate different types of messages and to remain fresh and dynamic across all brand touch points.

Here is a range of typographic layout examples that demonstrate this flexibility and provide inspiration for different types of layouts.

Typographic layouts should feel dynamic and bold. It is important to set a strong grid to help provide structure and balance, but use the grid in a flexible manner to create expressive and energetic layouts.

Headlines can simply be set reversed out of an image and in light red on a white background or vice versa. Blocks that contain text and bleed off a vertical or horizontal edge can be introduced to help with legibility and to create a more dynamic layout.
Generous and interesting use of negative space is an important part of SFU layout design. Title bars can be used to create interesting negative spaces in which titles can sit.
Large and bold numbers and words can help enliven content. Alternating between the two SFU reds can also create a sense of texture and rhythm to layouts.
Title bars can bleed into fields of colour to create interesting negative spaces for headlines and copy. When doing so, the edge of the field should align with the baseline or top line of the headline. The title bars must have ascending horizontal lengths moving towards the connecting field of red. Placing the logo and headlines or block of copy on opposing sides of a composition creates a sense of dynamism and balance.

Title bars

We often contain titles, headlines and call-outs within graphic bars that are inspired by the design of the SFU masterbrand logo.

These bars are either in white with the headline in SFU light red or in SFU light red with the headline in white. On occasion, we use SFU dark red for the title bars on a light red background for a more subtle effect.

NOTE: The X is equal to the height of a period.

Title bars
Headlines and titles
Call-outs