fix: corrected the local font names (#530)

* fix: corrected the local font names

* Update _fonts.variables.scss

* Update _fonts.variables.scss

* refactor: using DB Screen Cond for bold formatting

* docs: wording

Author: mfranzke

source/_patterns/00-base/type/_fonts.scss

@@ -6,15 +6,31 @@
 	$font-filename: map-get($font-meta, "font-filename");
 	$font-weight: map-get($font-meta, "font-weight");
 	$font-style: map-get($font-meta, "font-style");
-	$font-local: map-get($font-meta, "font-local");
+	$font-local-name: map-get($font-meta, "font-local-name");
+	$font-local-name-short: map-get($font-meta, "font-local-name-short");
 
 	@font-face {
 		font-family: $font-family;
 		font-style: $font-style;
 		font-weight: $font-weight;
-		@if $font-local {
+		@if $font-local-name and $font-local-name-short {
 			src:
-				local("#{$font-name}"),
+				local("#{$font-local-name}"),
+				local("#{$font-local-name-short}"),
+				url("#{$fonts-path}#{$font-filename}.woff2?4r0080")
+					format("woff2"),
+				url("#{$fonts-path}#{$font-filename}.woff?4r0080")
+					format("woff");
+		} @else if $font-local-name {
+			src:
+				local("#{$font-local-name}"),
+				url("#{$fonts-path}#{$font-filename}.woff2?4r0080")
+					format("woff2"),
+				url("#{$fonts-path}#{$font-filename}.woff?4r0080")
+					format("woff");
+		} @else if $font-local-name-short {
+			src:
+				local("#{$font-local-name-short}"),
 				url("#{$fonts-path}#{$font-filename}.woff2?4r0080")
 					format("woff2"),
 				url("#{$fonts-path}#{$font-filename}.woff?4r0080")

source/_patterns/00-base/type/_fonts.variables.scss

@@ -7,58 +7,72 @@ $font-families: (
 		// light font weight
 		"font-weight": 300,
 		"font-style": normal,
-		"font-local": true
+		"font-local-name": "DB Screen Head Light",
+		"font-local-name-short": "DB Head Light"
 	),
 	"DB Screen Head Regular": (
 		"font-family": "DB Screen Head",
 		"font-filename": "dbscreenhead-regular",
 		// normal font weight
 		"font-weight": 400,
 		"font-style": normal,
-		"font-local": true
+		"font-local-name": "DB Screen Head",
+		"font-local-name-short": "DB Head"
 	),
 	"DB Screen Head Black": (
 		"font-family": "DB Screen Head",
 		"font-filename": "dbscreenhead-black",
 		// black/"bold" font weight
 		"font-weight": 900,
 		"font-style": normal,
-		"font-local": true
+		"font-local-name": "DB Screen Head Black",
+		"font-local-name-short": "DB Head Black"
 	),
+
 	"DB Screen Sans Digital Regular": (
 		"font-family": "DB Screen Sans Digital Regular",
 		"font-filename": "dbscreensans-digitalregular",
 		// normal font weight
 		"font-weight": 400,
-		"font-style": normal
+		"font-style": normal,
+		"font-local-name": "DB Screen Sans Digital",
+		"font-local-name-short": "DB Sans Digital"
 	),
+
 	"DB Screen Sans Regular": (
 		"font-family": "DB Screen Sans",
 		"font-filename": "dbscreensans-regular",
 		// normal font weight
 		"font-weight": 400,
 		"font-style": normal,
-		"font-local": true
+		"font-local-name": "DB Screen Sans",
+		"font-local-name-short": "DB Sans"
 	),
 	"DB Screen Sans Medium": (
 		"font-family": "DB Screen Sans",
 		"font-filename": "dbscreensans-medium",
 		"font-weight": 500,
 		"font-style": normal,
-		"font-local": true
+		// TODO: Identify the correct name on local environments; most likely this isn't installed and/or possible to get referenced at the moment
+		// "font-local-name": "DB Screen Sans Medium",
+		// "font-local-name-short": "DB Sans Medium"
 	),
 	"DB Screen Sans Semibold": (
 		"font-family": "DB Screen Sans",
 		"font-filename": "dbscreensans-semibold",
 		"font-weight": 600,
 		"font-style": normal,
-		"font-local": true
+		// TODO: Identify the correct name on local environments; most likely this isn't installed and/or possible to get referenced at the moment
+		// "font-local-name": "DB Screen Sans Semibold",
+		// "font-local-name-short": "DB Sans Semibold"
 	),
 	"DB Screen Sans Bold": (
 		"font-family": "DB Screen Sans",
 		"font-filename": "dbscreensans-bold",
 		// bold font weight
 		"font-weight": 700,
-		"font-style": normal
+		"font-style": normal,
+		"font-local-name": "DB Screen Sans Bold",
+		"font-local-name-short": "DB Sans Bold"
 	)
 ) !default;