From 20be4ed9cb4a2fd772f29c8831a31a108e14a3a5 Mon Sep 17 00:00:00 2001
From: Denis Kutlovci <Denis.kutlovci@telekom.de>
Date: Thu, 1 Jul 2021 15:38:12 +0200
Subject: [PATCH] Font-Family fixed

---
 packages/components-sketch/views/badge.hbs    | 22 -------------------
 .../components/src/components/badge/badge.css |  2 ++
 2 files changed, 2 insertions(+), 22 deletions(-)

diff --git a/packages/components-sketch/views/badge.hbs b/packages/components-sketch/views/badge.hbs
index c7e9f53c03..102ea8749a 100644
--- a/packages/components-sketch/views/badge.hbs
+++ b/packages/components-sketch/views/badge.hbs
@@ -12,7 +12,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -23,7 +22,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -41,7 +39,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: black;
             font-weight: 400;
           "
@@ -52,7 +49,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: black;
             font-weight: 700;
           "
@@ -70,7 +66,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -81,7 +76,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -99,7 +93,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -110,7 +103,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -132,7 +124,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -143,7 +134,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -161,7 +151,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: black;
             font-weight: 400;
           "
@@ -172,7 +161,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: black;
             font-weight: 700;
           "
@@ -190,7 +178,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -201,7 +188,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -219,7 +205,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -230,7 +215,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -252,7 +236,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -262,7 +245,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
@@ -279,7 +261,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: black;
             font-weight: 400;
           "
@@ -289,7 +270,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: black;
             font-weight: 700;
           "
@@ -306,7 +286,6 @@
           style="
             text-align: center;
             font-size: 20px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 400;
           "
@@ -316,7 +295,6 @@
           style="
             text-align: center;
             font-size: 60px;
-            font-family: TeleNeo;
             color: white;
             font-weight: 700;
           "
diff --git a/packages/components/src/components/badge/badge.css b/packages/components/src/components/badge/badge.css
index 4108e04a35..8a2d2c92cf 100644
--- a/packages/components/src/components/badge/badge.css
+++ b/packages/components/src/components/badge/badge.css
@@ -12,6 +12,7 @@
   --white-badge: var(--scl-color-white);
   --black-badge: var(--scl-color-black);
   --primary-badge: var(--scl-color-primary);
+  --font-content: var('TeleNeoWeb', 'TeleNeo', sans-serif);
 }
 
 .badge {
@@ -20,6 +21,7 @@
   align-items: center;
   border-radius: 100%;
   background: var(--color-badge);
+  font-family: var(--font-content);
 }
 
 .badge.badge--color-primary {