How to use a custom font in Unbounce | Scribe

    How to use a custom font in Unbounce

    • |
    • 0 step |
    • 32 seconds
    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)
    Navigate to the page you want to update in Unbounce update and enter edit mode
    Click on "Javascripts" and then "+ Add New Javascript"
    Now grab the code snippet that links to the custom font files you want to use.
    Paste your code snippet into the javascript box and click 'done'
    Now click "Stylesheets" and "+ Add New Stylesheet"
    Grab the css code snippet that applies your custom font
    Click "Save"
    Click "Preview"
    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
    Was this Scribe helpful?
    Save this document for future reference.
    click-target-circles-background
    This Scribe is in tip-top shape!Leave feedback if there are any issues with this Scribe