Adding a new Google font

Would like to add Arbutus Slab to my fonts. Where’s the best place to insert the code?
<link href=‘http://fonts.googleapis.com/css?family=Arbutus+Slab’ rel=‘stylesheet’ type=‘text/css’>
Will it appear in the dropdown menu?
Thanks,
Don

Easiest way to do it would be to add it like this in a custom CSS plugin:


@import url(http://fonts.googleapis.com/css?family=Arbutus+Slab);

Then simply set it for the body or headings or whatever you want:


body {
   font-family: 'Arbutus Slab', serif;
}

It will not appear in the dropdown.

hmmm…not showing up. Here’s the code I added to the custom CSS:

@import url('http://fonts.googleapis.com/css?family=Arbutus+Slab');

h1,
h2,
h3,
h4,
h5,
h6 {
   font-family: 'Arbutus Slab', serif;
}

I tried the URL with and without quotes. Anything obvious I am missing?

Sorry, add it at the top of you custom CSS (before your existing code) and do it like this instead:


@import 'http://fonts.googleapis.com/css?family=Arbutus+Slab';

thanks. That did the trick