lovethemedownload

A question I'm asked a lot is how to use @font-face (or other font-replacement techniques) with Blogger. Now I have to admit, after dozens of failed attempts, heavy experimentation and keyboard-bashing I was almost ready to give up on this and admit defeat.Most of the techniques I tried were either unreliable or simply did not work! Luckily, @ kernest and @ abu_farhan came to my rescue via Twitter by pointing me in the direction of Kernest's free (and premium) font-based service . Why use Kernest? When designing for the web, @font-face is the most-used technique for replacing boring standard fonts for stylish typographical styles. Using @font-face we would need to find reliable hosting for the fonts we use in our designs that enables us to utilize fonts across with no domain-restrictive policies in place. There are also permission and copyright issues involved with embedding fonts in web pages, making the whole process even more complicated. Particularly a...

Web fonts have become a popular web design ekspresi dominan over recent months. As I explained in a previous post, the @font-face technique can be problematic when applied to Blogger templates. But since Google have now released their font API , we're able to display non-standard fonts in our Blogger templates with ease! Here's an overview of the Google Font API and how we can use this to enhance our Blogger-based designs. What is Google's Font API? The Google Font API enables us to display web fonts in any web page. We can choose to display text in a variety of high-quality open-source web fonts for both personal and commercial projects. No sign-up is required, and it's really easy to set up. What fonts can we use? All fonts available for use with the API are listed in Google's Font Directory . Here's a few examples of the styles we can use: At the time of writing, there is a small selection of fonts available to use through the API. ...

It's been a while since I've designed a Blogger template for free release. But after reading this excellent tutorial on Smashing Magazine , I was inspired to create something different: an ultra-customizable, HTML5 based template for Blogger. Nexus 5 is a one column template, with widgetized sections in the footer for any gadgets you may like to include. A wider, two column version will be available shortly for those who prefer gadgets in a sidebar section. This template uses many HTML 5 and CSS3 elements to create a more innovative design without the use of excessive background images. It does gracefully degrade in browsers which do not support CSS3 elements to ensure the greatest percentage of visitors will appreciate the full scope of the design. Here is a full screenshot of Nexus 5 as seen in Firefox 3.5 (my current preferred browser): Demo | Download Click the image for a full page preview, or simply visit the demonstration blog.. I've also tested i...