Finding and Using Custom Font

Posted by Unknown on Friday, January 18, 2013

Using CSS and javascript you can give custom font type to element which you want, In our blog our post title has custom font and such like you can give your blog a custom font, The thing to be care while using is just do not use too much fonts on a single page, it will slowdown your page loading,

Intro

This text has a stalement Font.

This text has a merienda Font.

This text has a arizonia Font.

How To use Custom Font?
There are many steps for using font-families(custom font) in Your blog/website.
Here we will let you learn the use of custom font using CSS and javascript,
Suppose,
An element has a paragraph and have some text in it,

<p> Hello , Sample text of your paragraph.</p>

Now we will write a small CSS for this element,

/* Custom Font For Paragraph Starts */

@import url(http://fonts.googleapis.com/css?family=Denk+One);

p
{
font-family:'Denk One',sans-serif;
font-size:26px;
font-weight:600;
}
/* Custom Font For Paragraph Ends */

Copy above CSS and paste in blogger template.(Above ]]></b:skin> in blogger template > EDIT HTML)
Now understanding the element,

You used Denk one font here but you are not forced to use only this font,
You can choose any font which placed over web,
Google has many fonts for uses for developers,
Explore this dirextory and find suitable Font for your Blog,

{ 0 comments... read them below or add one }

Post a Comment