Changing Font in Blog Headings

Some people quickly get tired of the default font in their blog headings.  Changing this font is quick and easy.  All you have to do is copy and paste a section of code, and you're done.  There is a large variety of font types to choose from, and you also have to decide whether to make your font serif or sans-serif.  Serif fonts have little tails, which make the font look more fancy.  This entire process will take about 5 minutes, and you will need a computer with internet access in order to complete this instruction set. 

Screencast Tutorial

Acquiring Heading Font Code

Step 1: Copy the code found at this link.

Note: You should not copy the note at the bottom of the code.

Applying the Code

Step 2: Go to your blog, and place your mouse over the Design tab.  Select Templates from the drop-down menu.


Step 3: Click on Stylesheet under the Index Templates section.

phpDlnMraAM.jpg WARNING: Be extremely careful when navigating within the Stylesheet template.  If any of the code gets changed besides what you will be pasting in, it can cause considerable changes to your blog. 


Step 4: Scroll to the bottom of the code on the Edit Template page, and paste the code you copied there.

Step 5: Scroll to the bottom of the page and click Save and Publish. 

Changing Font Styles

Step 6: Go to the code you pasted in the Stylesheet.  To Change the page title, highlight century gothic in the line of code in the brackets immediately after the "h1#page-title".  Change this to the name of the font you want.  You also have to change between serif and sans-serif, depending on what type of font you chose.

rsz_fontedit_001.jpgStep 7: To change the page heading, repeat Step 7 for the line of code in the brackets following the "a".


NOTE: When changing font names that are more than one word, you have to put single quotes around the font name within the code.  

      


No TrackBacks

TrackBack URL: https://blogs.psu.edu/mt4/mt-tb.cgi/128914

2 Comments

Introduction - change past to paste

Step 1 - specify which part of the code to copy

The screenshot - it's hard to read. Allow people to blow it up.

Provide some example fonts. I had to go research fonts on Wikipedia.

In step 6 - "You also have to change between..." - try to reword this sentence.

Stephanie Penatzer contributed to the above comment.

Leave a comment

Recent Entries

Extra Credit: Instruction Sets
Post your ideas here: How would you sort the instruction sets into categories? Name the categories and sort the sets.…
Section 20 Topics
Sharing your Blog Post on Facebook Renaming the Blog Tab How to remove the blog tab How to link…
Subfolder Widget Code
The following code should create folders for locating pages. You can add any number of pages to each folder. In…