Document need for @import 'https://fonts.googleapis.com/css?family=Font';

[Robinlovelace]

I followed the advice in https://pagedown.rbind.io/#the-css-overriding-mechanism but my font would not change. Having played around a bit with the settings and the CSS I realised that I needed to add

/* font location goes here:*/
@import 'https://fonts.googleapis.com/css?family=Comic+Neue';

Before the body to made the font available.

The whole of the CSS for custom font now looks like this:

/* font location goes here:*/

@import 'https://fonts.googleapis.com/css?family=Comic+Neue';

body {
  font-family: "Comic Neue";
}

I'm pretty sure this should be documented. Will put in a Pull Request to do so!

Great package by the way guys, although I do think more documentation would help people new to CSS like me (and probably most people coming across the package).

[Robinlovelace]

Update, I've had a first go at fixing this documentation issue (see PR above).

See attached for reproducible experiments showing that the suggested steps, which omit mention of @import do not change the text, which could confuse people.
pagedown-tests.zip