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. They may not work on all Hubs, or may cause unexpected behavior. Before implementing a Hub Hack on a production Hub, we strongly recommending testing it in a safe environment (such as a staging Hub) if possible.

Uberflip Support is not able to help troubleshoot issues with Hub Hacks: if a Hub Hack is not working correctly in your Hub, Uberflip Support can only help you to disable it.

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.