Either of these will work on their own; in fact the HTML version is preferred for performance reasons.
The browser will see the <link> in the HTML and start downloading as soon as the page begins to load. If you use @import in your CSS the browser has to first find the CSS file, download that, then start downloading the font when it sees the @import line. It's better to avoid this type of "waterfall" loading if possible.
You're including the Arvo font from Google Fonts twice. Once in the HTML:
https://github.com/fac22/microblogging_site-DASE/blob/6397495c707a9b82bb09d4949693e9907317aa64/routes/home.js#L30-L32
and once in the CSS:
https://github.com/fac22/microblogging_site-DASE/blob/6397495c707a9b82bb09d4949693e9907317aa64/public/styles.css#L10
Either of these will work on their own; in fact the HTML version is preferred for performance reasons.
The browser will see the
<link>in the HTML and start downloading as soon as the page begins to load. If you use@importin your CSS the browser has to first find the CSS file, download that, then start downloading the font when it sees the@importline. It's better to avoid this type of "waterfall" loading if possible.