Hub Hack: Import a Custom Font into a CTA

Follow

Use this Custom Code snippet to use a custom font in one (or multiple) CTAs.


Warning

Hub Hacks are not official Uberflip features.

Hub Hacks may not work on all Hubs, or may cause unexpected behavior. If you experience issues with a Hub Hack, available support is limited to helping you disable the Hub Hack only.

Important

Hub Hacks are not compatible with Front End V2 Hubs.

If you are not sure if your Hub uses Front End V2, see this article for help.

Details

  • Type: CSS
  • Placement: Head
  • Notes: This method uses @import to bring in a web-hosted font using its URL, so you will need the URL for the font you want to use. The code snippet below uses a Google Font called Lobster. Replace the URL and font-family with the appropriate details for the font you want to use. Under #hub-cta-#####, replace the trailing series of hashes with the ID for your CTA(s).

 

Code

<style>
@import url('http://fonts.googleapis.com/css?family=Lobster'); #hub-cta-##### p{ font-family: 'Lobster'; }
</style>

 

0 out of 0 found this helpful

Comments

0 comments

Please sign in to leave a comment.