Easily embed web fonts to your web page using Google Font API

Written by

on

in

I’ve been working on some website design recently. I used fancy fonts in the design sample I made in Adobe Illustrator, forgetting that I have to embed the fonts first to make them display on the visitors’ browsers even if they don’t have those fonts in their computer. I ended up using images on my header menu, making the web page take longer to load, and used fonts on site headings that are less matching to the website theme, making the design less attractive. I didn’t choose to embed the fonts I wanted to use because the procedures seem to take too much time from me.

The designs I’m making are almost done when I found out about the Google Font API and the Google Font Directory. I think that the Google Font API will be very helpful to web designers because its font directory offers good-looking fonts, it works in most browsers, and it saves so much time because of the ease of use.

To use the Google Font API for embedding fonts, all we have to do is insert a call to their stylesheet (depending on which font(s) we choose to use) and then style a web page element with the chosen web font.

See their Getting Started page to see how it’s done.

I’m planning to modify the website designs I’m making, and use a font from the Google Font Directory instead. That way, the pages will load faster without images as header menu items, and the site headings will be more matching to the website design theme. 🙂

Related Posts

About the author:

Catzie Avatar

The homo sapiens behind these blog posts is “Catzie“

Explore my top blog posts:

Comments

2 responses to “Easily embed web fonts to your web page using Google Font API”

  1. melle Avatar

    I envy you coz you know webdesigning so well.. Unlike me 🙁 wish I could like make one for myself too…

    1. Catzie Avatar
      Catzie

      You know web design din naman diba 🙂 It’s okay, you’re better than me in other things.

Leave a Reply

Your email address will not be published. Required fields are marked *