June 9, 2013
I will use the concepts from Design for Hackers over the next couple of posts to make some custom changes to the twitter bootstrap template.
Let us look at one of the most important components of design Typography
Let us make some simple use of web fonts to see the difference on the marketing sample page!
In its original form, the Twitter Marketing Template looks like this:
Now let us make few changes to the template and notice the effect on the output!
Embed a Google Font above the
</head> tag using:
<link href='http://fonts.googleapis.com/css?family=Special+Elite' rel='stylesheet' type='text/css'>
Adapt the CSS to use the font with:
font-family: 'Special Elite', cursive;
Note the colossal difference with this small change!