Follow @endyourif rss Facebook LinkedIn

CSS3: Custom Fonts using font-face

Published on Feb 24, 2019

Let me start by saying that I am not a designer, so this feature didn't mean much to me; however, when we told designers that they can start using custom fonts – they want ape @$!# for it.

Over the years it has been mentioned countless times how little time you have to capture a person's attention on your website. Often times this can be done with flashy or enticing designs. With this comes increased download times – slowing the page load down. Also, many web hosting providers supply a limited bandwidth or charge per GB. Flashy or enticing designs can be costly in both the bandwidth and page load times.

With the ability to embed fonts with CSS3, us web developers, can start pleasing our designers by embedding their custom fonts in the website and stop using images to achieve the same affect.

Developers to the rescue of designers...again!

Published on Aug 30, 2011

I don't know about you, but my designers love their custom fonts and I'm tired of slicing and reslicing images - especially when the website is multilingual.

CSS3 to the rescue allowing us to import custom fonts and make them work cross-browser.  Check out how to use the @font-face CSS3 tag to do it!