This forum is now read-only. Please use our new forums! Go to forums

0 points
Submitted by soko1234
almost 9 years

How to use Google fonts inside my code

If i get i right, i give the “link” to the font in the “head” section in my HTML sheet for example:

<link href='http://fonts.googleapis.com/css?family=Indie+Flower' rel='stylesheet' type='text/css'>

and than i can use it in my CSS sheet by referencing the font for example:

h1 {font-family: 'Indie Flower', cursive;}

BUT, it won’t work. I get to use the font only if i do those both steps in my HTML sheet for example:

<link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Lobster">
<style>
  h1 {
    font-family: 'Lobster', cursive;
    font-size: 48px;
  }
</style>

Why is that? and why it wont work if i use it in my CSS sheet?


[FORMATTED]

Answer 55768802e0a3006892000719

0 votes

Permalink

It will work as long the font loads first. If your style sheet loads first, the font won’t be present in the DOM, yet.

points
Submitted by Roy
almost 9 years