Design Internet

Google: Web Fonts

Are you still limiting the type of font on your webpage? Let me introduce you to Google Web Fonts.

There are three simple steps to follow.

  1. Choose your font
  2. Add the font API code between <head></head>
  3. Add CSS code

I went ahead and choose Stardos Stencil for this example.

I added the following code between <head></head>.

 <link href='' rel='stylesheet' type='text/css'>

Then I added the following CSS code between <style></style>.

body {
  font-family: 'Stardos Stencil', arial, serif;

You can see a working live example by clicking HERE. Feel free to view the source code.


By Tommy Elmesewdy

DevOps Engineer