Adding Custom Fonts

Sometime you want to use a font on your website other than those which are available. So to do this you can use @font-face rule in your css stylesheet to import fonts that are not available by default. Here is an example,


@font-face {
src: url('SourceSansPro-Bold.eot'),


The value of font-family is depend upon you. You can set any name or value you want . If you want to see the browser support visit this link CSS3 Font-Face Rule


NOTE: Fonts are intellectual property, just like software, music, and video. Be sure to have the proper license to use any font with the @font-face rule.

Some Good Website For Finding Web Fonts

Font Deck


Edge WebFont

Google Fonts

Fonts Squirrel


Leave a Reply

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

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

Google+ photo

You are commenting using your Google+ 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 )


Connecting to %s