Learn Web Development – The Super Simple Way

More CSS

Let’s change our font.

In your <head> section of the document, place the following code:

...
<style>
    html {
        font-family: Arial;
    }
</style>
...

… and notice how your font changes when you refresh the page. To really do some cool font styling, include some Google Fonts in your head. Add this before the <style> tag.

<link href='http://fonts.googleapis.com/css?family=Lato&subset=latin,latin-ext' rel='stylesheet' type='text/css'>

… and change your style to reflect it:

...
<style>
    html {
        font-family: Lato, Arial;
    }
</style>
...

I added Arial after it just in case, for some strange reason, Lato doesn’t load from Google. It can happen.

But, to really learn web development, we really need to learn some JavaScript. Let’s.