Usage of elegant and light typography to speed up your website

Advertisement

Previously we discussed about using CSS and Photoshop to create pressed text effect. In fact, if you can use the CSS alone, lot of space will be saved, you can minimize the http requests and thereby you can speedup the loading time of your website.

Typography is a key element in the design of a website, you can use very simple yet great looking typography to illustrate your header or name of the website and thereby you can decrease the file size of the banner image (versus complex effects) to few KB size.

It is not that, these are looking the best. But with these codes, you can materialize your ideas without using graphical elements.

Graphical typography

It is not possible to use CSS to produce very complex typography; even if can be, better to be avoided if that is a key point of the website’s design. Header banner is a good example.

There are many websites that specializes with only typography and you can get some idea for your next banner design. Another great source is deviantArt. There are so much talents, it is hard to not mention all; but we have to pick one or two for demonstration:

Want to customize the logo of WordPress admin login page? This is possible by inserting a few lines of code in the functions.php file of your theme. Finally, a website that is more professional and close to your brand.