Jewelry/Accessories and Home & Hearth from Shop Typepad
Antiques and Bath & Body from Shop Typepad

Design Lab: Adding Custom Fonts

Design Lab_ Adding Custom Fonts

Our Design lab is now available to everyone who is using a responsive theme. There are a plethora of options to customize your blog to fit your brand. In the coming weeks we will continue this series to help familiarize our bloggers with all the customization tools our Design Lab offers. Make sure to check back with us through our RSS feed or follow us on Facebook, Twitter, or Pinterest.

The font you pick is very important. Fonts affect the readability and the perceived level of professionalism of your blog. When you are in our Design Lab, you can customize the fonts to fit your branding. Using the preview window you can also see how they look with other font choices. You don’t have to make everything the same font. 

To use the Design Lab you need to have one of our mobile responsive themes. Check out Mobile Themes Rolling Out Of Beta to learn more about switching to our mobile themes! 

Selecting and Applying A Font

Click on the Design tab, then click on Style. On the top right in gray you will see Fonts, click on it to expand your options.

You can choose between many different fonts. We have them organized based on Style.

Handwriting: These fonts are made to look like you wrote them yourself. They have fluid strokes that gives a personal touch. Use this sparingly, as it can be hard to read.  

Display: These are large fonts that are great for headings. They are eccentric and have a variable design to help the text stand out.

Serif: These fonts have a line at the end of every stroke. This is great for bulk text that needs to be read clearly. 

San Serif: These fonts do not have a line at the end of every stroke. It is great for bulk text for easy reading. 

You can select any one of these fonts and apply it to your blog. After you have selected the font you want to use you will see it is the Active Font. Select the tab for the area you want to customize. In this case we want to change the Title Text. Click on Banner, then next to Title, click on Apply Font. You will see the font change in the preview window and under Title.

Selecting a Font
Selecting a font.
Applying Fonts
Applying a font

Importing Fonts

Import A FontWe have a wide selection of fonts for you to choose from. If you need more options you can import from Google Fonts. Find the font you want in Google Fonts and then upload into the Design Lab. Then you can apply it to any section.

From the Style page, on the top right in gray you will see Fonts, click on it to expand your options. Click on Import. You will see where you can import fonts. Click on Google Fonts to view the selection in Google Fonts. Here you will have many different fonts to choose from. Once you have found the perfect font (in this case Roboto), you want to highlight the name of the font and copy it. Go back to your Style page and paste in the name of the font (the font name has to match exactly), then click on Import. To make it an active font you need to click on the name of the font. Then you can apply the font where you want.

Fonts are a great way to brand your business. We have made choosing the right font quick and easy. Have fun and see you soon with more about our Design Labs. 

comments powered by Disqus