fix: apply font-family to text components (#2821)

Author: devversion

src/lib/button-toggle/button-toggle.scss

@@ -34,6 +34,7 @@ md-button-toggle-group {
 
 md-button-toggle {
   white-space: nowrap;
+  font-family: $md-font-family;
 }
 
 .md-button-toggle-label-content {

src/lib/checkbox/checkbox.scss

@@ -188,6 +188,7 @@ $_md-checkbox-mark-stroke-size: 2 / 15 * $md-checkbox-size !default;
 
 md-checkbox {
   cursor: pointer;
+  font-family: $md-font-family;
 
   // Animation
   transition: background $swift-ease-out-duration $swift-ease-out-timing-function,

src/lib/radio/radio.scss

@@ -8,6 +8,7 @@ $md-radio-ripple-size: $md-radio-size * 0.75;
 // Top-level host container.
 md-radio-button {
   display: inline-block;
+  font-family: $md-font-family;
 }
 
 // Inner label container, wrapping entire element.

src/lib/snack-bar/simple-snack-bar.scss

@@ -1,3 +1,5 @@
+@import '../core/style/variables';
+
 md-simple-snackbar {
   display: flex;
   justify-content: space-between;
@@ -7,7 +9,7 @@ md-simple-snackbar {
   box-sizing: border-box;
   border: none;
   color: white;
-  font-family: Roboto, 'Helvetica Neue', sans-serif;
+  font-family: $md-font-family;
   font-size: 14px;
   line-height: 20px;
   outline: none;