Title:
Adding a Google Web Font to Blogger
Author:
Unknown
Rating
5 of 5
Des:
Adding a Google Web Font to Blogger Check out the Google Web Fonts Directory and pick a font that you like. You can add fonts to your ...
Adding a Google Web Font to Blogger
- Check out the Google Web Fonts Directory and pick a font that you like.
- You can add fonts to your collection or just select one to use.
- Then you can choose the styles of the font you want.
- It will give you the code to integrate the font which looks like this
<link href='http://fonts.googleapis.com/css?family=FONTNAME' rel='stylesheet' type='text/css'>
We need to close the code to prevent errors. To do this add a / to the end before > so that the code looks like this
<link href='http://fonts.googleapis.com/css?family=FONTNAME' rel='stylesheet' type='text/css'/>
- Now log into your Blogger account. Go to Template > Edit HTML. Find
<head> and below it paste the edited code to embed the font.
- Google Web Fonts will also provide you with the CSS for the font which will look something like this
font-family: 'FONTNAME';
You can use this for any element on your blog. Remember CSS is written like selector { property: value; }. To use the font as your post title, find </b:skin> in your HTML. Can’t find it? Check out this post. Above </b:skin>
paste the following and change the value for your font. Use the same
method to change the font of other elements by using the correct
selector.
h3.post-title {font-family: 'FONTNAME';}
About Author
The part time Blogger love to blog on various categories like Web Development, SEO Guide, Tips and Tricks, Android Stuff, etc including Linux Hacking Tricks and tips. A Blogger Template Designer; designed many popular themes.
Advertisement
';
(function() {
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
})();
Post a Comment