*To view all of the posts in this series, either click on the following link, or type Blogger Tutorials into our search box.*
One of my most popular posts at The Porch Light is where I talk about discovering how to use in a post a font other than the default Blogger fonts. Apparently, a lot of people want to know how to do that.
Before I divulge the secret, it is important that you know that specifying a font does not necessarily mean that your reader will see that font. A font will only be visible to a reader if they have that font already installed on their computer. Have fun with this new trick, but realize that not everyone will know that you have used it.
On to the good part. Here are the steps needed to change a portion or even the whole post into a non-Blogger font.
- Click on the Edit HTML tab for your post.
- Insert your cursor directly in front of the first word that you want to be in a different font.
- Type the following: <span style=”font-family:occidental, georgia, ‘times new roman’, serif”>
Note: You should replace the font names I used with the names of the fonts you want to use. Names with multiple words, like Times New Roman, should be enclosed in single or double quotes, and I recommend specifying several fonts so that if your viewers’ computer doesn’t have the first font (or second), it they have additional options. I also recommend having serif or non-serif as your last font in case none of the fonts you chose are installed on your viewers’ computer.
- Now place your cursor directly after the last word you want in the special font and type </span>.
- Click the Compose tab to see how it looks.
- If you like it, publish your post.
If you want to write the whole post in a different font, simply place the code from step 3 at the very beginning of you post and place </span> at the very end of your post.
Please feel free to leave your questions and comments in the comments for this post or to e-mail them directly to firstname.lastname@example.org.
My next tutorial will tell you how to change your template HTML so that your whole blog is written in a non-Blogger font. Until then, happy blogging!