fix CSS font family for system-like fonts

This commit is contained in:
Ondrej Synacek 2019-11-14 08:53:33 +01:00
parent 29d18be083
commit db5a31a90e
6 changed files with 14 additions and 8 deletions

View File

@ -1,4 +1,4 @@
// Worker v10
// Worker v11
self.addEventListener('install', (event) => {
event.waitUntil(
@ -7,7 +7,7 @@ self.addEventListener('install', (event) => {
'/',
'/favicon.ico',
'/scripts.js?5',
'/style.css?6',
'/style.css?7',
'/about?2',
'/icon-512.png',
])

View File

@ -1,7 +1,7 @@
/* Define platform-specific typefaces */
@font-face {
font-family: system;
font-family: "system";
font-style: normal;
font-weight: 300;
src: local(".SFNSText-Light"), local(".HelveticaNeueDeskInterface-Light"), local(".LucidaGrandeUI"), local("Ubuntu Light"), local("Segoe UI Light"), local("Roboto-Light"), local("DroidSans"), local("Tahoma");
@ -46,7 +46,7 @@
}
body {
font-family:-apple-system; "system";
font-family:-apple-system, "system";
display: flex;
flex-direction: column;
min-height: 100vh;

View File

@ -2,7 +2,10 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Facebook Events to iCal Converter | 404</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css?7">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<title>Facebook Events to iCal Converter | about</title>
</head>
<body>

View File

@ -3,7 +3,7 @@
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css?5">
<link rel="stylesheet" type="text/css" href="/style.css?7">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<title>Facebook Events to iCal Converter | about</title>
</head>

View File

@ -2,7 +2,10 @@
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Facebook Events to iCal Converter | error</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="/style.css?7">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<title>Facebook Events to iCal Converter | about</title>
</head>
<body>

View File

@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="manifest" href="/manifest.json">
<link rel="apple-touch-icon" sizes="180x180" href="/icon-180.png">
<link rel="stylesheet" type="text/css" href="/style.css?6">
<link rel="stylesheet" type="text/css" href="/style.css?7">
<title>Facebook Event to iCal Converter</title>
</head>