Time for action – embedding a Google web font into the canvas element

Let's draw the Canvas texts with a handwriting style font:

First, go to the Google font directory and choose a handwriting style font. I used the font Rock Salt and you can get it from the following URL:http://www.google.com/fonts/specimen/Rock+Salt.
The Google font directory provides a CSS link code that we can add to our game in order to embed the font. Add the following CSS link to the head of index.html:
```
<link href='http://fonts.googleapis.com/css?family=Rock+Salt' rel='stylesheet' type='text/css'>
```
The next thing is to use the font. We open the untangle.drawing.js JavaScript file and modify the context font property in the drawLevelProgress function to the following:
```
ctx.font ...
```

Get HTML5 Game Development by Example : Beginner's Guide - Second Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

HTML5 Game Development by Example : Beginner's Guide - Second Edition by Makzan