dexorder/web
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

font load cleanup

Browse Source
This commit is contained in:
Tim
2024-04-30 15:57:29 -04:00
parent d5b1b67c91
commit 87ef40bb11
3 changed files with 19 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
index.html
View File

@@ -2,17 +2,23 @@
<html lang="en">
<head>
<meta charset="UTF-8"/>
<link rel="icon" href="/favicon.ico"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<title>dexorder</title>
<!-- The script for CryptoCompare WebSocket -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script>
</head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link rel="icon" href="/favicon.ico"/>
<title>dexorder</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link href="https://fonts.googleapis.com/css2?family=Orbitron&family=Saira+Semi+Condensed&display=swap" rel="stylesheet">
<body>
<div id="app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/socket.io/4.5.4/socket.io.js"></script>
<script type="module" src="/src/main.js"></script>
<!-- HubSpot -->
<script type="text/javascript" id="hs-script-loader" async defer src="//js-na1.hs-scripts.com/46028804.js"></script>
</body>
</html>

8
src/plugins/webfontloader.js
View File

@@ -4,11 +4,13 @@
* webfontloader documentation: https://github.com/typekit/webfontloader
*/
// todo choose
const displayFonts = ['Orbitron', 'Tektur', 'Turret Road', 'Chakra Petch', 'Quantico', 'Geo']
const bodyFonts = ['Exo 2', 'Victor Mono', 'Nunito', 'Manrope', 'Sofia Sans', 'Dosis', 'PT Sans', 'Space Grotesk', 'Rajdhani', 'Saira Semi Condensed', 'Jura']
// const displayFonts = ['Orbitron', 'Tektur', 'Turret Road', 'Chakra Petch', 'Quantico', 'Geo']
const displayFonts = ['Orbitron']
// const bodyFonts = ['Exo 2', 'Victor Mono', 'Nunito', 'Manrope', 'Sofia Sans', 'Dosis', 'PT Sans', 'Space Grotesk', 'Rajdhani', 'Saira Semi Condensed', 'Jura']
const bodyFonts = ['Saira Semi Condensed']
export async function loadFonts () {
return // fonts are loaded in the <head> section of index.html
const webFontLoader = await import(/* webpackChunkName: "webfontloader" */'webfontloader')
webFontLoader.load({

2
src/styles/vars.scss
View File

@@ -10,7 +10,7 @@ $black: #000201; // just a touch greenblue
$arbitrum-color: #12aaff;
$uniswap-color: #ff007a;
$primary: $blue;
$primary: $green;
$primary-50: transparentize($primary,0.5);
$primary-25: transparentize($primary,0.75);