Skip to main content

Hoop.la automatically offers Google fonts in a dropdown menu within the themes editor. But what if your marketing department has demanded you use a specific font that's not included in Google fonts?

 

Screen Shot 2013-05-08 at 3.07.29 PM

No problemo.

 

 

 

First, make sure you have purchased the font in question, and it is hosted somewhere in your web servers, or you've purchased a font hosting service. Basically, you'll need the URL for the font in question.

 

 

 

Next, open your Hoop.la control panel, and go to Display Settings.

 

 

 

In the Custom CSS box, place code like this:

 

 

 

@font-face {

 

         font-family: crazyfont;

 

         src: url ('http://www.crazyfont.ttf');

 

}

 

 

 

Then, open the Theme you wish to use, and in the Fonts section, choose which font you want to customize, and select "Other" in the dropdown.

 

 

 

Then, just type "crazyfont" and click Submit at the bottom of the page.

 

 

 

Have fun!

 

___________________________________________________________

I'd love to hear your thoughts here in the comments, or connect with me on Twitter.

Attachments

Images (1)
  • Screen Shot 2013-05-08 at 3.07.29 PM: custom fonts

Add Comment

Comments (0)

×
×
×
Link copied to your clipboard.
×