Skip to main content
All CollectionsFAQsWebsite
Can I add custom Google fonts?
Can I add custom Google fonts?
Jamie Lubiner avatar
Written by Jamie Lubiner
Updated over 3 weeks ago

To allow for you to have greater control over the look and feel of your event site you have the ability to use custom fonts from Google's free font library on your event site.

Select your custom font

  1. In your browser, open Google's free font library, https://fonts.google.com/.

  2. Select the font you want to use and then click the "Get font" button.

  3. Next click the "Get embed code" button. You should see an interface like this:

Copy the embed code

  1. Make sure you're on the "Web" tab. You can choose to include specific styles and weights or include all styles and weights.

  2. Select the URL for the fonts you've selected. As an example, if the HTML snippet is: <link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">
    Then select only the URL: https://fonts.googleapis.com/css?family=Amatic+SC

  3. Open a new tab in your browser and paste the URL in the address field. This will load the font in CSS format.

  4. Copy this code into a new file in a text editor and save with a .css file extension.

Add your custom code to Attendease

  1. Open your event in Attendease and from the Website tab click General Settings.

  2. In the "Look + Feel" tab scroll to the bottom of the page, drag and drop the .css file that you just created into the "Custom Styles" section.

  3. In the "Typography" section select the heading or body text you want to customize. From the "Font" drop-down menu select "Other." In the "Custom Font" field type in the name of the font family you chose from Google Fonts (exactly as it appears in the .css file under "font family").

  4. Republish the event site to see your changes.

Did this answer your question?