From edf44286c551cc97a20ff4e0fb6499a5f2b8cdd1 Mon Sep 17 00:00:00 2001 From: LoganTann Date: Mon, 18 Oct 2021 11:40:03 +0200 Subject: [PATCH] docs(typography): update how to change the font stack I'm still wondering why the font section have been deleted... See : https://git.io/JK9is Closes #175 --- pug/page-contents/typography_content.html | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/pug/page-contents/typography_content.html b/pug/page-contents/typography_content.html index f57f813049..a07b51a7c1 100644 --- a/pug/page-contents/typography_content.html +++ b/pug/page-contents/typography_content.html @@ -4,6 +4,25 @@
+
+

Roboto

+

+ The standard font Material Design uses is Roboto. We have included the font files with our framework. +

+
+

We bundle our framework with the latest iteration of Roboto Google has released. It comes with 5 different font weights you can use: 100, 300, 400, 500, 600.

Here is an image from Google's Roboto Specimen document displaying the different font weights.

+ +
+ +

Removing Roboto

+

In case you don't want to use Roboto on your webpage, fear not. Simply change the font stack by modifying the code below to your liking and add it to your custom css.

+ 

+    html,
+    button, input, optgroup, select, textarea {
+      font-family: GillSans, Calibri, Trebuchet, sans-serif;
+    }
+
+

Headers