Support Google Fonts for Monospace

[jmichelgarcia]

Today the current code does not allow Google Font to be used for the Monospace font. It would be nice if this was supported. The reason this doesn't work is because the syntax to load 2 fonts would be something like:

family=Roboto+Mono&family=Roboto:wght@300;400

And we can't override $web-font-path

$google_font_name: "Open Sans" !default;
$google_font_family: "Open+Sans:300,300i,400,400i,700,700i" !default;
$web-font-path: "https://fonts.googleapis.com/css?family=#{$google_font_family}&display=swap";

$td-fonts-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

@if $td-enable-google-fonts {
    $td-fonts-serif: prepend($td-fonts-serif, "#{$google_font_name}");
}

$font-family-sans-serif: $td-fonts-serif !default;
$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default;
$font-size-base: 1rem !default;

[jmichelgarcia]

Actually you can already, by doing

$google_font_family: "Roboto:300,400|Roboto+Mono:400" ;

🥇