Articles

Custom @Font-Face in CSS3

In CSS3 on November 24, 2011 by patrellery Tagged:


Here’s a quick tip on how to display fonts in your page:

Download the font: http://www.fontsquirrel.com/fonts/Hattori-Hanzo

And use this code in your CSS file:

@font-face {
font-family: 'HattoriHanzoLight';
src: url('hattori_hanzo.otf') format('opentype');
font-weight: normal;
font-style: normal;
}

Then in your HTML:

some content!

Advertisements

One Response to “Custom @Font-Face in CSS3”

  1. Very nice!

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: