css: Extract font definitions to fonts.css.

This works around
https://bugs.chromium.org/p/chromium/issues/detail?id=336876.

Signed-off-by: Anders Kaseorg <anders@zulip.com>
This commit is contained in:
Anders Kaseorg
2022-02-09 23:43:54 -08:00
parent f66a1127de
commit e16811065d
5 changed files with 14 additions and 21 deletions

View File

@@ -0,0 +1,12 @@
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"),
url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
src: url(../fonts/Montserrat-Regular.ttf) format("truetype");
}

View File

@@ -64,14 +64,6 @@ body {
overflow-y: overlay;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"),
url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}
/*******************
* Left Sidebar *
*******************/

View File

@@ -51,19 +51,6 @@ td:nth-child(odd) {
width: 50%;
}
@font-face {
font-family: "Material Icons";
font-style: normal;
font-weight: 400;
src: local("Material Icons"), local("MaterialIcons-Regular"),
url(../fonts/MaterialIcons-Regular.ttf) format("truetype");
}
@font-face {
font-family: "Montserrat";
src: url(../fonts/Montserrat-Regular.ttf) format("truetype");
}
.material-icons {
font-family: "Material Icons";
font-weight: normal;

View File

@@ -4,6 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Zulip</title>
<link rel="stylesheet" href="css/fonts.css" />
<link rel="stylesheet" href="css/main.css" type="text/css" media="screen" />
</head>

View File

@@ -4,6 +4,7 @@
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width" />
<title>Zulip - Settings</title>
<link rel="stylesheet" href="css/fonts.css" />
<link
rel="stylesheet"
href="css/preference.css"