Design w/ Soul

Design comes to life when the soul is there

Michael Li's Design Blog


How to use Google Fonts in Your Websites

Web fonts like Google Fonts are quite prevalent these days and used well can make your websites look way more professional and sophisticated. It is super easy to do actually. Here’s how:

  1. Go to Google Fonts website
  2. Search for typeface that you like, for example ‘Open Sans’.
  3. From the search results, click the ‘+’ icon to select the typeface.
  4. Click on the bottom pop-over item with ‘n Family Selected’
  5. Detailed instruction of how to add it into your HTML header and CSS were given.
  6. Profit!

Now you have one less reason to claim “I don’t have access to premium fonts!” when accused of ugly website design. ;)

Next Post

Create Event Listener for Dynamically Generated HTML Elements in Javascript

For generated dynamic HTML elements, if you try to create an event listener in HTML for them, it usually won’t work. The correct way is to create event listener in your Javascript file, like so:yourElement.addEventListener("click", yourEventFuncti...…

Read more
Last Post

Yahoo! Weather Gets One Step Ahead by Working with Apple

It has been a month since I chose Yahoo! Weather app as my default weather app on my iPhone. I liked the UI style of the app, simple, information matter on the front and center and the pretty Flickr local scenery photos, all with good touch. After...…

YahooRead more