Custom Fonts using @font-face in HTML/CSS

March 7, 2010

Custom Fonts using @font-face in HTML/CSS

One of my latest project involved @font-face which means using a custom font for your web content. It was my first experience working with @font-face as i never heard about it before so i thought i will share my experience with my readers.

As you know we cannot use custom fonts in a website as it will not be properly displayed on a computer which doesnt have these fonts installed, thus it will be replaced by system default fonts, in windows if a font is missing it is normally replaced by Times New Roman, so to avoid this we defint font like font-family: Arial, Helvetica, sans-serif, Arial is default for Windows, Helvetica is default for Mac. About Sans-serif I never used Mac personally so i am not sure if it is available on Mac or not but it is surely installed by default in Wondows. So this is the normal approac we follow so that we know how our website text will show up in different platforms.

February 3, 2010

960 Grid System

A few days back one of my client asked me to get in touch with 960 Grid System. At first when i did some initial research […]
December 2, 2009

CSS – Cross Browser Compatibility Issue

Rather then using different CSS files for different browsers you can also achieve the same results using a single CSS file. If you keep your style […]
November 6, 2009

HTML layered Approach

I believe you never heard HTML layered approach. Its not new, maybe a few designers are already implementing this in their HTML. This approach is not […]
November 2, 2009

JavaScript and Cross Browser Compatibility

I promised my readers that i will be writing an article on JS and cross browser compatibility issues. JS is one of the major cause of […]
October 21, 2009

What is Google Flaky Mode ?

I travel a lot due to my business, so i used GPRS to get my emails while i am traveling in recently, expensive but worked for […]
October 14, 2009

Amazing Google Wave – Developer Preview

About Google Wave Google Wave is an online tool for real-time communication and collaboration. generic cymbalta canada A wave can be both a conversationand a document […]
October 12, 2009

More content added to FarrukhWeb

I was busy this weekend working on http://www.farrukhweb.com inner pages. Most of them are almost completed except the portfolio page. I also added a testimonial page […]
October 10, 2009

Freelance Business, how to start

While i was hunting part time job back in 2006 i met a person who told me why not to start freelancing. I was shocked by […]