Support multiple fonts from Google

[kuanyili]

Strip interpolation to prevent the font list from being unexpectedly merged into one single string element.

When we have these SCSS variables set in assets/scss/_variables_project.scss

$google_font_name: "Noto Sans", "Noto Sans TC";
$google_font_family: "Noto+Sans:300,300i,400,400i,700,700i|Noto+Sans+TC:300,400,700";

Before the patch, we have this in our generated main.css

font-family: "Noto Sans, Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

and this after the patch

font-family: "Noto Sans", "Noto Sans TC", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

References

• https://www.docsy.dev/docs/adding-content/lookandfeel/#fonts
• https://developers.google.com/fonts/docs/getting_started#specifying_font_families_and_styles_in_a_stylesheet_url