diff --git a/assets/scss/custom/plugins/icons/_google-material.scss b/assets/scss/custom/plugins/icons/_google-material.scss new file mode 100644 index 0000000..776a11b --- /dev/null +++ b/assets/scss/custom/plugins/icons/_google-material.scss @@ -0,0 +1,14 @@ +// Overwriting the theme stylesheet to fix font path + +// Google Material Icon Font via +// https://github.com/marella/material-symbols/tree/main/material-symbols + + +@font-face { + font-family: 'Material Symbols Outlined'; + font-weight: 400 700; + font-display: block; + font-style: normal; + src: local('Material Symbols Outlined'), local('Material Icons'), local('MaterialIcons-Outlined'), + url($material-icon-font-path) format('woff2'), +} \ No newline at end of file diff --git a/assets/scss/style.scss b/assets/scss/style.scss index 6a4228a..6baf61f 100644 --- a/assets/scss/style.scss +++ b/assets/scss/style.scss @@ -1,4 +1,4 @@ -// Overwriting the theme stylesheet to allow custom colors +// Overwriting the theme stylesheet to allow custom colors and set paths for icon import /* Template Name: LotusLabs Docs Author: Colin Wilson @@ -13,6 +13,9 @@ $font-family-secondary: {{ .Site.Params.secondary_font | default "-apple-system $font-family-sans-serif: {{ .Site.Params.sans_serif_font | default "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Ubuntu'" }}; $font-family-monospace: {{ .Site.Params.mono_font | default "SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace" }}; +//Icons +$material-icon-font-path: '{{ absURL "docs/fonts/material-symbols-outlined.woff2" }}'; + //Fonts // @import "custom/fonts/fonts";