Link or import fonts?

Question

Layout

Good morning everyone and have a nice day.
I make the site static on PUG + SCSS and select the optimal fonts for the site. Hence a few questions:
How best to do:
1. register a link in the template, setting the font itself as a variable + add styles for the body in it?

- var fontGlob = 'Roboto'
    link(rel="stylesheet", href='https://fonts.googleapis.com/css?family=' + fontGlob + '|Montserrat&display=swap')
    style.
        body {font-family: '#{fontGlob}', sans-serif;}

2. or register import in scss and select fonts through a variable?
This doesn't work at all:

@import 'https://fonts.googleapis.com/css?family= + #{$fontGlob} + |Montserrat&display=swap'
$fontGlob: 'Roboto'
body {font-family: '#{$fontGlob}', sans-serif;}

Hence the next question - how then to be with compound fonts? for example Josefin+Sans.
How are you doing and how will it be better? For the site, of course, it would be better to write a link and put the styles in a file, but while the selection is in progress, xs.

Answer 1

Upload fonts to your site and include them in css

Answer 2

all fonts, libraries, etc. must be connected locally so that their display is not affected by the availability of another server. Connect later in a separate scss file with import into the main one

Answer 3

Option 2 is the best I think.