Custom Fonts using @font-face in HTML/CSS

Farrukh — Sun, 07 Mar 2010 16:44:12 +0000

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.

960 Grid System

Farrukh — Wed, 03 Feb 2010 13:21:25 +0000

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 on this grid system my conclusion was “total waste of time” because for a normal size page you need almost 8-12 hours to convert a Photoshop layered document into

How to HTML E-Mail Template

Farrukh — Sun, 20 Dec 2009 19:42:00 +0000

I recently launched my newsletter subscription service on my website http://www.webcomers.com to spread my company news more efficiently. Doing so i also needed to first understand how the HTML E-Mail Template works. I am using MailChimp free services for my business; you might be interested in using one of their paid service. Things to forget

CSS – Cross Browser Compatibility Issue

Farrukh — Wed, 02 Dec 2009 12:01:00 +0000

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 strict by defining every attribute of the tag, specially i encourage redefining every tag to your own as mostly different browsers render them differently, let say Paragraph tag normally

Web 2.0 “HTML layered Approach”

Farrukh — Fri, 06 Nov 2009 13:48:00 +0000

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 common in every Design 2 HTML/CSS project as mostly you need very simple kind of html like header, content and footer.The reason how this article “HTML layered approach” came

WebComers - Blog

Custom Fonts using @font-face in HTML/CSS

960 Grid System

How to HTML E-Mail Template

CSS – Cross Browser Compatibility Issue

Web 2.0 “HTML layered Approach”