Friday, July 3, 2015

How to Add Custom Web Fonts for Blogger

This is a important idea which i missed to share with you all. Its about adding custom font to your blog.This will very important for who are making own blogger template for their blog.There are lot of beautiful fonts available other web templates except to blogger templates.In blogger, you can use only stranded computer fonts like Arial Time New Roman or Verdana.If you were add font to your HTML/CSS, you had to installed to your computer.So, visitors also need to installed same fonts to see it properly.Some people still try to add fonts in this way without realizing errors.

google-web-fonts


Google web fonts is the solution for this.If you add these google font, Anybody can view your fonts without having to have the font installed on their computer.Its easier to add it to blogger. Let make your blog attractive.

Step 1:  First go to Google fonts and select font.

google_fonts

Step 2 : Once you find a font click Quick Use icon like below.


Step 3 :On the next page, scroll down and get the “Standard” code like blow.

google_fonts_import
Step 4 : Now you can copy that link code to your blogger template. This is how it do.
             Go to blogger dashboard > Template > Edit Html and paste link under <head> tag. and save
              your template.

You need to add a  slash / to the end of the URL, like below, otherwise blogger will show up error.

<link href='http://fonts.googleapis.com/css?family=Slabo+27px' rel='stylesheet' type='text/css'>
Remember to replace the font-family with your own generated font family. example like below.

h3.post-title, .comments h4 {
font-family: 'fontname';
font-size: 28;
}
If you need any help related to blogging.Contact me through email or facebook. I'm glad to help you.
at

21 comments:

  1. ngapak softwareJuly 3, 2015 at 12:26 PM

    this is the important for my blog, thank you admin :-)

    ReplyDelete
  2. My Blogger ToolsJuly 3, 2015 at 11:44 PM

    i change my fonts, and this post are very helpful, now look my new fount :) http://www.mybloggertools.com/

    ReplyDelete
  3. My Blogger ToolsJuly 3, 2015 at 11:44 PM

    i change my fonts, and this post are very helpful, now look my new fount :) http://www.mybloggertools.com/

    ReplyDelete
    Replies
    1. UnknownSeptember 7, 2016 at 12:10 PM

      Love your website font pls what's the font name and the link stylesheet u used to add it

      Delete
  4. AnonymousJuly 6, 2015 at 4:33 PM

    hey thanks for this awesome help http://www.trickspot.in

    ReplyDelete
  5. SameerJuly 27, 2015 at 10:26 AM

    Thanks you sir

    ReplyDelete
  6. UnknownJanuary 4, 2016 at 2:25 PM

    Dear Sir,

    Thanks For Sharing Information. Your Blog Is very helpful For Work.
    Nice Article Writing.

    Dipen.

    ReplyDelete
  7. 3D Exterior Rendering StudioFebruary 8, 2016 at 4:28 PM

    hi,
    These blog is helping us.
    Than you for it.

    By Anaya,
    http://www.3d-architectural-rendering.com/3D-Exterior-Rendering.html

    ReplyDelete
  8. Tutorial BloggingFebruary 10, 2016 at 3:35 PM

    Thanks for share. I will to try this for my blogs and share again.

    ReplyDelete
  9. pankaj karnwalMarch 14, 2016 at 6:32 PM

    nice article thanks for sharing with us.

    ReplyDelete
  10. Shaikh muneerMarch 29, 2016 at 12:23 AM

    Nice post, every internet user like for Google font and this article is very helpful.

    ReplyDelete
  11. 3D Architectural RenderingApril 14, 2016 at 5:06 PM

    Great… I m very Affected. You have done an outstanding job. I learned a lot from this remarkable article. Thanks

    ReplyDelete
  12. UnknownApril 20, 2016 at 2:53 PM

    thank you to help us

    ReplyDelete
  13. 3D Walkthrough StudioAugust 8, 2016 at 4:20 PM

    Dear Sir,
    Thanks For Sharing Such Information. Your Article is a very useful For Works.. I have been Finding For 1 weeks. I Will Try Trick.




    ReplyDelete
  14. UnknownAugust 15, 2016 at 6:03 PM

    nice article thanks for sharing with us.
    www.usefulltriks.blogspot.com

    ReplyDelete
  15. 3D Rendering ServiceAugust 31, 2016 at 7:54 PM

    Hello sir,
    Your article is nice and very helpful for starter of blogger. It provide full description for changing the fonts in the blog. Thank you for sharing such a great article.

    ReplyDelete
  16. UnknownSeptember 7, 2016 at 12:13 PM

    Nice and thanks

    ReplyDelete
  17. CSC GyanSeptember 8, 2016 at 10:49 AM

    Which google web font is best for SEO site? http://desigyan.in

    ReplyDelete
  18. 3dfloorplanOctober 12, 2016 at 4:36 PM

    Hii,

    Thank you for this article...
    It is really nice for use google font in our blog.

    ReplyDelete
  19. seo releatedNovember 18, 2016 at 9:43 PM

    This post will help me to develop my own-self website.This post have good information and a list of all the activity with good explanation. I also share SEO Tips and Tricks on My Website. Hope You can Also Learn Some Advance Tips from there.
    http://wheniwasatmedicalcollege.blogspot.com/

    ReplyDelete
  20. Akas DavrazDecember 18, 2016 at 2:07 PM

    Nice Post U Have Written

    ReplyDelete