How to use a custom font in Unbounce | Scribe

    How to use a custom font in Unbounce

    • |
    • 8 steps |
    • 32 seconds
    information ordinal icon
    The custom font code snippets are in this doc- we're using the font Sora: [https://docs.google.com/document/d/1UtN7ZmAi_DfOSgc-xB8OfoR6Fi16ORPegsaQimir_rs/edit?usp=sharing](https://docs.google.com/document/d/1UtN7ZmAi_DfOSgc-xB8OfoR6Fi16ORPegsaQimir_rs/edit?usp=sharing)
    1
    Navigate to the page you want to update in Unbounce update and enter edit mode
    2
    Click on "Javascripts" and then "+ Add New Javascript"
    Click on "Javascripts" and then "+ Add New Javascript"
    3
    Now grab the code snippet that links to the custom font files you want to use.
    4
    Paste your code snippet into the javascript box and click 'done'
    Paste your code snippet into the javascript box and click 'done'
    5
    Now click "Stylesheets" and "+ Add New Stylesheet"
    Now click "Stylesheets" and "+ Add New Stylesheet"
    6
    Grab the css code snippet that applies your custom font
    Grab the css code snippet that applies your custom font
    7
    Click "Save"
    8
    Click "Preview"
    information ordinal icon
    The new font should render in preview mode. Note- you won't be able to view the custom font in the edit mode because the custom JS and CSS files aren't loaded until you preview