WordPress HTML CSS Coding still necessary ?

October 4, 2016

WordPress HTML CSS Coding still necessary ?

With the rise of visual editors the question that bugs me is either i should start with the conventional approach of first converting design into HTML/CSS, […]
December 31, 2013

why not text-index or background-image-index ?

It actually came to my mind while applying background image to a button where i had to hide the text and only show the background image. […]
November 6, 2013

SASS LESS Editor Support in Dreamweaver CC

It was real pain when i had no help from Dreamweaver while writing SASS or LESS CSS code. Thanks to the latest version of Dreamweaver they […]
November 2, 2013

What is clearfix:before and clearfix:after ?

As a front end developer we mostly use .clearfix class, I am using it with two different selectors .clearfix:before .clearfix:after {} Most of the beginners and […]
November 2, 2013

SASS LESS CSS – The Modern CSS

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 […]
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 […]
September 13, 2012

@font-face got better – integrate multiple fonts in a single CSS

I been asked a very common question by my reader on my blog as well as through other sources that if it is possible to add […]
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.