November 2, 2013


My recent findings are the most modern CSS extensions SASS and LESS. viagra discount drug What is SASS LESS CSS SASS is referred to as Syntactically […]
October 30, 2013

Learn to Create Drupal Image Gallery

I have been reading through different articles about Drupal image Gallery. I got to know mostly people are unaware that how to create a Drupal image […]
December 20, 2012

Show WordPress Media library images on a single page

Recently i was working on a gallery based wordpress website, that was prior to wordpress 3.5 released and i need to show media library images on […]
December 15, 2012

Fixing Floating DIV

I have written an article about two and a half years ago about how to fixing floating DIV issue. Here is its link Today i […]
November 27, 2012

Skype and WAMP Port Conflict

After re-installing my Windows my wamp wasn’t working when Skype was connected because of Skype and WAMP server port conflict. So after trial and error to […]
September 27, 2012

Why responsive websites have more impact than regular websites ?

These days the most hot topic discussed between web designers and developers is “Responsive Websites” implementation. It was not so common an year ago but these […]
August 3, 2012

PTCL EVO Wifi Configuration for 3G / 3.75G Wireless Routers

I came accross a problem today, when i bought a new Wireless router that i purchased to create a wireless network for my home using my […]
November 13, 2010

Custom Fonts using @font-face in HTML/CSS – Extended

For those of you who came here from Google or other search engines please first read part one of this article at Custom Fonts using @font-face […]
September 27, 2010

CSS Floats and CSS Clear DIV’s

The Difference between CSS Floats and CSS Clear DIV’s Web Designers use CSS float values without considering how it is going to effect their rendering and […]
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.