feat: change font

shhdharmen · shhdharmen · commit bee67e76db0c · 2023-10-20T17:07:47.000+05:30
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -1,6 +1,6 @@
 import { CUSTOM_ELEMENTS_SCHEMA, Component } from "@angular/core";
 import { CommonModule } from "@angular/common";
-import { TextComponent } from "./elements/buttons/text/text.component";
+import { ButtonTextComponent } from "./elements/buttons/text/text.component";
 import "@material/web/button/elevated-button";
 import "@material/web/button/filled-button";
 import "@material/web/button/outlined-button";
@@ -10,7 +10,7 @@ import "@material/web/button/filled-tonal-button";
 @Component({
   selector: "app-root",
   standalone: true,
-  imports: [CommonModule, TextComponent],
+  imports: [CommonModule, ButtonTextComponent],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
   template: `
     <h3>@material/web components</h3>
diff --git a/src/app/elements/buttons/text/text.component.ts b/src/app/elements/buttons/text/text.component.ts
@@ -19,8 +19,8 @@ import "@material/web/icon/icon";
   styles: [],
   schemas: [CUSTOM_ELEMENTS_SCHEMA],
 })
-export class TextComponent {
-  @Input() icon: string | undefined = "";
+export class ButtonTextComponent {
+  @Input() icon = "";
   @Input() trailingIcon = false;
   @Input() disabled = false;
 }
diff --git a/src/assets/fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf b/src/assets/fonts/RobotoFlex-VariableFont_GRAD,XTRA,YOPQ,YTAS,YTDE,YTFI,YTLC,YTUC,opsz,slnt,wdth,wght.ttf
diff --git a/src/index.html b/src/index.html
@@ -1,14 +1,24 @@
-<!doctype html>
+<!DOCTYPE html>
 <html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>MaterialWebNg</title>
-  <base href="/">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <link rel="icon" type="image/x-icon" href="favicon.ico">
-  <link href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined" rel="stylesheet" />
-</head>
-<body>
-  <app-root></app-root>
-</body>
+  <head>
+    <meta charset="utf-8" />
+    <title>MaterialWebNg</title>
+    <base href="/" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <link rel="icon" type="image/x-icon" href="favicon.ico" />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined"
+      rel="stylesheet"
+    />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap"
+      rel="stylesheet"
+    />
+  </head>
+  <body>
+    <app-root></app-root>
+  </body>
 </html>
diff --git a/src/styles.css b/src/styles.css
@@ -1,4 +0,0 @@
-@font-face {
-    font-family: Roboto;
-    src: url("/assets/fonts/RobotoFlex-VariableFont_GRAD\,XTRA\,YOPQ\,YTAS\,YTDE\,YTFI\,YTLC\,YTUC\,opsz\,slnt\,wdth\,wght.ttf");
-}
