Table of Contents

Overview
Custom Fonts
Google Fonts

Overview

• In Coursedog’s Online Catalogs, administrators can apply custom or Google font types for your institution’s public website.

• You can modify font settings for H1, H2, and H3 headers, Body Text, Interface Text, Sidebar Text (Second Top Bar), Topbar Text, and Footer Text.

• Font size is currently limited in some instances. An enhancement is forthcoming. 

Custom Fonts

Overview | Adding Custom Fonts from Your Computer | Applying Custom Fonts to Your Catalog(s)

Overview

• Custom fonts can enable adherence to brand guidelines, creating a streamlined experience across institution webpages for students, prospects, and other catalog visitors.

• In order to assign a custom font to your catalog, the font file will need to be accessible on your computer; from there, you can add the font to your Coursedog Font Library and then apply it to your catalog(s). 

Adding Custom Fonts from Your Computer

Step 1: Navigate to Catalog > Settings > Font Library.

Step 2: Click “+ Add New Font” to open the “Add New Font” modal.

Step 3: 

• Click into the field under “Font File” to upload a font from your computer. 

• Fonts should be uploaded in the following standard formats: otf, ttf, woff and woff2. 

• Format converters are readily available online. 

Step 4: 

• Input a name for the font. 

• It’s possible the font’s file name auto-populated the “Font Name” field, but we recommend assigning a name that aligns with brand standards, to make it easier to identify later.

Step 5: Click “Add”. 

Applying Custom Fonts to Your Catalog(s)

Overview

• Once you have uploaded your custom font, changes won’t automatically take effect – you will still need to apply it. 

• You can apply the font in two places: 

  • Navigate to Catalog > Settings > Catalogs > Website Settings to apply the font to a specific catalog.

  • Navigate to Catalog > Settings > Website to apply the font to your default (global) catalog settings. 

How to Do It

1. Click “Custom” for the text you’d like to customize.

2. Select the font you’d like to use from the “Font Source” dropdown menu.

3. Input a font size.

4. Input a font weight.

5. Input a font color.

6. Click “Save”.

Google Fonts

Selecting a Google Font

1. Visit the Google fonts page.

2. Locate the font you wish to use.

3. Select “Get font”.

4. Click “Get embed code”. 

5. In the “embed code” view, highlight the URL that comes after “link href=” and before “&display=swap”. For example: https://fonts.googleapis.com/css2?family=Macondo&family=Roboto+Flex or https://fonts.googleapis.com/css2?family=Titillium+Web

6. Copy the highlighted URL.

Applying Google Fonts to Your Catalog

Overview

You can apply the font in two places: 

• Navigate to Catalog > Settings > Catalogs > Website Settings to apply the font to a specific catalog.

• Navigate to Catalog > Settings > Website to apply the font to your default (global) catalog settings.

How to Do It

1. Click “Google” for the text you’d like to customize. 

2. Under “Font Source”, paste the link to the Google font.

3. Under “Define Font”, input a name for the font.

4. Input a font size.

5. Input a font weight.

6. Input a font color.

7. Click “Save”.