absolute URLs in CSS via hugo variable

assets/sass/abstracts/_functions.scss

@@ -19,8 +19,8 @@
     font-style: $style;
     font-weight: $weight;
     font-display: $display;
-    src: url("#{$src}.woff2") format("woff2"),
-         url("#{$src}.woff") format("woff");    // stylelint-disable-line indentation
+    src: url($base-url + $src + ".woff2") format("woff2"),
+         url($base-url + $src + ".woff") format("woff");    // stylelint-disable-line indentation
 
     // Allow additional declarations to be passed in:
     @content;

assets/sass/main.scss

@@ -3,6 +3,7 @@
 // all variables set by Hugo's config.toml must go here
 // stylelint-disable
 $max-width: {{ printf "%d%s" .Site.Params.pageMaxWidth "px" }};
+$base-url: "{{ strings.TrimRight "/" .Site.BaseURL }}/";   // consistent trailing forward slash
 // stylelint-enable
 
 // Variables & Functions