Using Custom Fonts For Your Site Title & Description

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Pin It Share 0 StumbleUpon 0 Buffer 0 0 Flares ×

Many web designers like to use custom & premium fonts.

Once you’ve learnt how to install fonts using best practices, all you need to do is add the fonts into your theme.

Plugin: You can add more font styles & sizes to your visual editor by simply installing a fonts plugin.

To change your sites title and description (tag line):

Open your child theme’s style.css file
Scroll down to the header section
Change the first #title & #description font family

Example:

#title {
font-family: Pompiere, Times, ‘Times New Roman’, serif;
font-size: 48px;
font-variant: small-caps;
line-height: 48px;
margin: 0;
text-shadow: #666 1px 1px;
}

#description {
color: #fff;
font-family: Pompiere, Times, ‘Times New Roman’, serif;
font-size: 20px;
font-style: italic;
line-height: 24px;
text-shadow: #666 1px 1px;
}

Here you can also change the font size etc.

Note: If you’re not using a child theme, i suggest you create one for your coding edits so any changes you make to your parent theme won’t be overwritten when you update the theme.

*Did you notice where i’m using custom fonts on this site? hahaha

0 Flares Twitter 0 Facebook 0 Google+ 0 LinkedIn 0 Pin It Share 0 StumbleUpon 0 Buffer 0 0 Flares ×

Bio
Twitter
Facebook
Google+
Latest Posts

Brad Dalton

WordPress Consultant 110+ Hrs/Week, traveler and lover of big surf, making new friends & my family. Read more about Brad Dalton or contact me if you need help with WordPress.