From c9fa59ac1f9e358545867c4903c350e9c8c9b94c Mon Sep 17 00:00:00 2001
From: Enea Jahollari <jahollarienea14@gmail.com>
Date: Tue, 2 Feb 2021 17:08:38 +0100
Subject: [PATCH] fix(docs-infra): switch code font from `Droid Sans Mono` to
 `Roboto Mono` (#40667)

`Droid Sans Mono` didn't look good on some screens.

Fixes #40666

PR Close #40667
---
 aio/src/index.html             | 4 ++--
 aio/src/styles/_constants.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/aio/src/index.html b/aio/src/index.html
index 401cb984dd..d8c7b34674 100644
--- a/aio/src/index.html
+++ b/aio/src/index.html
@@ -25,8 +25,8 @@
   <link rel="apple-touch-icon-precomposed" sizes="144x144" href="assets/images/favicons/favicon-144x144.png">
 
   <!-- NOTE: These need to be kept in sync with `ngsw-config.json`. -->
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500&display=swap">
-  <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Droid+Sans+Mono&display=swap">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;500&display=swap">
+  <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500&display=swap">
   <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons&display=block">
   <!-- -->
 
diff --git a/aio/src/styles/_constants.scss b/aio/src/styles/_constants.scss
index b74cdb2f92..dbab35a877 100755
--- a/aio/src/styles/_constants.scss
+++ b/aio/src/styles/_constants.scss
@@ -1,6 +1,6 @@
 // TYPOGRAPHY
 $main-font: "Roboto","Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
-$code-font: "Droid Sans Mono", monospace;
+$code-font: "Roboto Mono", monospace;
 
 // Z-LAYER
 $layer-1: 1;