Custom Fonts in Blogs

When creating your Blog, you may want to use a custom font beyond the standard ones available. Follow these steps to learn how to customize the font in your blog.

Default Custom Fonts

When you are updating a blog or creating a new one click on the font drop-down menu and select Custom Fonts

https://lh6.googleusercontent.com/ycPhohUITYT7CFWD8T6tiYbZHVaDQjCSHCXVcDvFPoY1O4Z-g3DGzbEnLA2EgiHgtkL0l0w95ERmxGieC7xplm9Q-RxODGfXKDyr8NCArhHKKDrUO23kecF7zq3n4_wsU2SpAj97rZzmIkyqUF64hG4lh6.googleusercontent.com

A pop-up menu will appear that allows you to select a custom font where you can also choose previously selected fonts.

• Select the font

https://lh5.googleusercontent.com/XQ2Be80Rwd6DS9wcxch4RfcisUMMrIVhErvVupD7G3Yd9wTMBOZyy6mIGrXz2zgHJgsG3j3U9mefFZwcj1ctucNgYAi6BNxZmRqTOrnTd0ceKwBpPnhhY3jst3-TG6vVZx02uhecUf6ygBnF7uV6W3Ilh5.googleusercontent.com

CSS font set up for Blogs

Please Note: You may need to contact a developer for assistance if you don’t have the expertise.

The most reliable way to include an unavailable font in your blog with code is to use @font-face. Below is an example of this in action:

When you are within the blog you would click on the Insert Custom Code symbol, paste the code into the box and select Insert Code

https://lh3.googleusercontent.com/NuIBrowOuIBJK2Uxxz5OKnFElMkHwLiXEXGTll4ndyaFAFls8RtaNEBlIST7cT3A30NbNZuScVNAZeU_yxH38wJy5WObWZAOJlzkcIuPwv9yJkHj8zWOO25hmjkXE7DJ_TR2SDw6EmjFf5eqQ1eGDu8lh3.googleusercontent.com

https://lh6.googleusercontent.com/xADIIYcwtlWIoy1-Ywt-JWqnbovdBg9jiOkG-lwFxYfsx86ja3E7NYKhYKr214-36hbrnXIpunhifYKwU1ZteixVe11eB7doAPOr9xcHylsqYHKnc_7FiOyuMd5x8V6iX31SL4j-2AwoLjdNr1Sw47Ylh6.googleusercontent.com

Please Note: When working with Outlook, you must wrap this @font-face in a @media tag. This is because Outlook 2007, 2010, and 2017 don't support them.

Please Note: If you want to use the custom font in the blog you can also copy the custom font code and make a custom value for it and use the custom value.