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

How Axios Built on RebelMouse

The Axios founding team is composed of the industry veterans who built Politico and shaped The New York Times. They had a vision for building a next-generation media site that would not only win in the world of social, but would also build real loyalty and a subscriber base.

Industry: News Media
Headquarters: Washington, DC
Website: Axios.com

Axios is a new media company delivering vital, trustworthy news and analysis in the most efficient, illuminating, and shareable ways possible. They offer a mix of original and smartly narrated coverage of media trends, tech, business, and politics with expertise, voice, and smart brevity — on a new and innovative mobile platform.



With some of the best writers in the world, Axios knew that, to be successful, they would need to provide next-generation authoring tools as well as a next-generation front-end experience for their readers.

Project Requirements:

  • Get to launch quickly while still having tremendous depth in technology
  • Build a next-generation media property
  • Empower editors with technology for breaking news
  • Build a CMS that manages and elegantly assembles content into articles
Keep reading... Show less

RebelMouse vs. WordPress VIP

After building the product for Huffington Post, and owning the product and engineering groups at AOL after we were acquired, it was clear to me there was a huge gap between what the current CMS offering gave the world and what the world needed. Five years later we are at scale, moving the needle and doing to WordPress what Airbnb did to Craigslist.

Keep reading... Show less

NEW! Google Analytics Tracking for Facebook Instant Articles

We're a bunch of traffic junkies here at RebelMouse. We geek out over data, and we want our clients to geek out too over the insights we provide them. That's why we obsess over our clients' metrics on a daily basis. It's our belief that a clear understanding of data will drive strategy adjustments that lead to real audience growth. But this means that your traffic overview has to be as clear and easy to read as possible. Enter one of our latest updates.

A lot of our clients prefer to use a separate Google Analytics profile to track their Facebook Instant Articles traffic, and now this is incredibly easy to set up in our platform. We have a sophisticated Google Analytics integration that can accurately track every one of your UTM mediums, including Google AMP, Facebook Instant Articles, and traditional website traffic. It's a feature that, if we're honest, Google Analytics does very poorly on its own.

Keep reading... Show less

Strategy Services from Experts in Growth

At RebelMouse, we talk a lot about being born in the age of social. We went viral in 2012 as being the first content aggregator and the internet's first "social front page."

Keep reading... Show less

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

x

Meet the Investors Behind RebelMouse

RebelMouse founder and CEO, Paul Berry, was the former CTO of HuffPost where he led product development. Paul has managed small, agile teams for 20 years, but has also led teams of 450+ people. He understands how engineers, product, design, UX, and editorial teams can come together with chemistry that produces results.

RebelMouse is fortunate to be backed by an impressive list of investors, including Ken Lerer, Eric Hippeau, Jonah Peretti, Jordan Levy, Fred Harmon, and more. See the full list below.

Keep reading... Show less

Video Ads = Toxic

Facebook has implemented a ton of changes recently that have been affecting publishers' reach. And while it seems nearly impossible to figure out a winning strategy while juggling all of the platform's algorithm updates, one thing is abundantly clear:

Video ads are hurting your reach.

We're now finding that if you have a video ad on your site period, the Facebook gods are not going to favor you — and you'll most likely see a drop in reach.

Keep reading... Show less

The Reasons Why Indie Publishers Flourish on RebelMouse

We care about you. We care about you having a sustainable business.

And that means we care about everything — from revenue to traffic to how you can be sustainable long term. By using data across all our publishers, we can help you understand what's happening in the media world, how to leverage Facebook's algorithm changes, where your audience lives, and more. The digital landscape is constantly changing, and we are always studying its changes to help indie publishers break through the barriers of bureaucracy. Our goal is to give you an unfair advantage through badass tech that helps you understand how traffic distribution works. So you can get your voice heard. Loudly.

One of the best parts of living in the age of new media, and more importantly living within the social ecosystem, is that everyone has a chance to go viral. The chains surrounding public content that were once monopolized by corporations and agencies have now been put back into the hands of the users.

Keep reading... Show less

How We Created a New Social Platform for Food

One of the pillars of RebelMouse is our lightning-fast site launches. We love the fact that we can create a successful media property in little to no time at all. But there's more to RebelMouse than a quick launch turnaround. We can also create + customize pretty much anything you want — and we did just that with My Recipe Magic.

Our team created an entirely new web community on My Recipe Magic that is dynamic and social. It's kind of like Pinterest, but for food only. Your one-stop shop for all things yummy. It's a place to find, share, and create new recipes, and it's pretty addictive.

Here's how My Recipe Magic is standing out from their competition:

Keep reading... Show less