Switch DNS prefetch to preconnect.

Add font-display tag to ensure text is displayed while font is loaded
This commit is contained in:
Ace Pace 2020-04-30 01:02:59 +03:00
parent 8d0ae1c528
commit 92504f8ad4
4 changed files with 1443 additions and 105 deletions

File diff suppressed because it is too large Load Diff

View File

@ -111,6 +111,7 @@
"react-tooltip-lite": "^1.10.0", "react-tooltip-lite": "^1.10.0",
"redux": "^4.0.4", "redux": "^4.0.4",
"sass-loader": "^7.3.1", "sass-loader": "^7.3.1",
"sha3": "^2.0.7" "sha3": "^2.0.7",
"stylelint": "^13.3.3"
} }
} }

View File

@ -6,9 +6,9 @@
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="description" content=""> <meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<link rel="dns-prefetch" href="//fonts.googleapis.com"> <link rel="preconnect" href="//fonts.googleapis.com">
<link rel="dns-prefetch" href="//fonts.gstatic.com"> <link rel="preconnect" href="//fonts.gstatic.com">
<link rel="dns-prefetch" href="//netdna.bootstrapcdn.com"> <link rel="preconnect" href="//netdna.bootstrapcdn.com">
</head> </head>
<body> <body>
<div id="app"></div> <div id="app"></div>

View File

@ -9,6 +9,7 @@ body {
#app { #app {
font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;
font-display: swap;
} }
/* /*