What is the proper way to include custom fonts in Sage 9?


I’m a little confused about how custom fonts work into the Sage 9 workflow. I ended up including my font this way, but I’m pretty sure this is not correct:

wp_enqueue_style( 'avenir', get_template_directory_uri() . '/assets/fonts/avenir/stylesheet.css');


I created a file called _fonts.scss and added my font-faces there
then imported that file on main.scss like this:

@import "common/fonts";

BTW, the font-face looks like this (look at the paths):

@font-face {
  font-family: 'chicago';
  url('../fonts/chicagoflf.woff') format('woff'),