Cookie

TheJoe.it Into the (open) source

8Apr/110

Enter a font “custom” by CSS, without upload

loremipsum

Today we see a useful tool made available by Google. For some time I have in two articles on the site custom font, but I never decided to finalize, and today I come up with custom font di Google. We start from the recent past to get to the, I like to do things backwards, and maybe in one of my future articles you will see how to include your custom fonts on web pages by uploading, or how to install OpenOffice on a Commodore 64.

The font that we take as an example is "Just another hand", font un tipo "handwritten" that we could use for the security.

The steps are very simple. First you need to embed the font in our actual, so that it can be called up via CSS rules. To do this, click on "Use this font" and follow the instructions.

Add the following code in the section "<head>" of our website.

<link href='http://fonts.googleapis.com/css?family=Just Another Hand' rel='stylesheet' type='text/css'>

We associate the character to a tag HTML will choose us.

h1 { font-family: 'Just Another Hand', arial, serif; }

Google takes as an example "h1", but clearly you can define a classroom, a id, or a different tag at will.

And you're done.

About

I keep this blog as a hobby by 2009. I am passionate about graphic, technology, software Open Source. Among my articles will be easy to find music, and some personal thoughts, but I prefer the direct line of the blog mainly to technology. For more information contact me.

Comments (0) Trackbacks (0)

No comments yet.


Leave a comment

No trackbacks yet.