Free White Paper: A Rebel's Guide to Building Organic Loyalty

x

Custom Font Options

Need to implement your own custom font on your site?


We have a lot of options between Typekit and Google Fonts, but sometimes you just have to use another type that's not available from those two sources. Maybe it's due to your corporate style guide, but don't sweat it — we've got you covered.

How to Use Custom Fonts

1. Host your font on Amazon S3. This is a necessary step to implement your custom font on your RebelMouse-powered site.

Log in to your Amazon S3 account, select or create an appropriate folder for your font, and then upload the font files.

2. Add your custom font to your Top Bar using a Header Code element.

Go to the Layout & Design tool in the left-hand navigation menu. Open up the Top Bar page for your site, click on + ADD ELEMENT in the toolbar, and select the Header Code element:

It should look like this:

In the Properties card to the right, you need to paste your code using the following format:

<style> @font-face { font-family: 'Intro'; src: url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/Intro/Intro.eot'); src: url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/Intro/Intro.eot?#iefix') format('embedded-opentype'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/Intro/Intro.woff2') format('woff2'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/Intro/Intro.woff') format('woff'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/Intro/Intro.ttf') format('truetype'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/Intro/Intro.svg#myfont') format('svg'); } @font-face { font-family: 'IntroBold'; src: url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/IntroBold/IntroBold.eot'); src: url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/IntroBold/IntroBold.eot?#iefix') format('embedded-opentype'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/IntroBold/IntroBold.woff2') format('woff2'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/IntroBold/IntroBold.woff') format('woff'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/IntroBold/IntroBold.ttf') format('truetype'), url('//s3.amazonaws.com/partners.rebelmouse.com/DogVacay/IntroBold/IntroBold.svg#Myfont') format('svg'); } </style>

Note: Bear in mind that the above code is an example. You need to update the font family and source URLs to match the custom font you uploaded to your Amazon S3 account.

3. Start using your new font!

Now you can use the font(s) you've added to your site in your site's Global Settings, and in any custom CSS you want to implement across any of your pages.

Note: Implementing custom fonts using this method won't allow you to apply any weighting to them. So if you'd like to use a bolder or lighter version of your custom font, you'll need to do it manually in the font-family property.

Example:

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

Here’s Why You Should Focus on Valley Elevation

We've all experienced it. The dopamine-filled highs of watching site stats blast through the ceiling on our favorite web analytics platform after a piece of content goes viral. As digital publishers, it's in our blood to crave these spikes. But the sobering crash back to reality that follows, and the ensuing scramble to come up with the next piece of content that can match the previous peak, are seemingly inevitable. This constant seesawing is a frustrating and fatiguing experience, no matter the size of your budget or marketing team. What's a publisher seeking stability to do? Are we all targeting the right goals, or is there more here than meets the eye?

Enter Valley Elevation

Turns out there is more to your stats than just those towering summits. It's the concept of valley elevation, and it's been staring you in the face the entire time. Coined by Bradley Schwarzenbach and popularized by bestselling author Andrew Davis, valley elevation posits that you should be focusing on the depth of your metrics' troughs instead of its peaks.

Keep reading... Show less

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x

Content Creators: Here’s a Look at the Publishing Experience That's Changing the Game

If you're a content creator or social curator, you know all about the challenges tied to algorithm changes, industry shifts, and the ongoing fight to sustain reach in an oversaturated market.

At RebelMouse, we create lean tech that's built to iterate alongside these fluctuations. Chances are the CMS you're using was created before social. If that's true, you may still view content on your website and in social feeds as two different entities you have to control and manage. We're here to blur those lines for you and take publishing where it needs to be in 2018.

Keep reading... Show less

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x
Subscribe To Our Newsletter

You're almost there! Fill out the form below and a Rebel will contact you within one business day.

x