·

1. Font embedding

Here are the steps to take to embed fonts in a web site using Google Fonts. First find the fonts you want to use by searching in Google Fonts.

Droid fonts chosen

·

2. Font embedding

Then open the link to Quick-use at the bottom of the font site you have chosen, copy the markup:

<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>

Code to paste to embed font

·

3. Font embedding

And paste it in the <head> of your web page:

<head>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>

Code in document head

·

4. Font embedding

And add the font to your style sheet.

{font-family:"droid sans",sans-serif}