update website fonts (#3519)

visgl · Sep 4, 2019 · d0e3e76 · d0e3e76
1 parent b4ef1a1
commit d0e3e76
Show file tree

Hide file tree

Showing 3 changed files with 86 additions and 2 deletions.
diff --git a/website/src/static/index.html b/website/src/static/index.html
@@ -7,7 +7,6 @@
     <meta name="description" content="deck.gl is a WebGL-powered framework for visual exploratory data analysis of large datasets.">
 
     <link rel="icon" type="img/ico" href="favicon.ico">
-    <link rel="stylesheet" id="font-link" href="https://d1a3f4spazzrp4.cloudfront.net/uber-fonts/3.1.0/refresh.css">
     <link href='https://api.tiles.mapbox.com/mapbox-gl-js/v0.42.0/mapbox-gl.css' rel='stylesheet' />
     <link rel="stylesheet"
       href="//cdnjs.cloudflare.com/ajax/libs/highlight.js/9.15.8/styles/default.min.css">

diff --git a/website/src/stylesheets/_fontface.scss b/website/src/stylesheets/_fontface.scss
@@ -0,0 +1,80 @@
+@font-face {
+  font-family: 'UberMove';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Light.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Light.woff')
+      format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMove';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Regular.woff')
+      format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMove';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Medium.woff')
+      format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMove';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMove-Bold.woff')
+      format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMoveText';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Light.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Light.woff')
+      format('woff');
+  font-weight: 200;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMoveText';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Regular.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Regular.woff')
+      format('woff');
+  font-weight: 400;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMoveText';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Medium.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Medium.woff')
+      format('woff');
+  font-weight: 500;
+  font-style: normal;
+  font-display: swap;
+}
+@font-face {
+  font-family: 'UberMoveText';
+  src: url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Bold.woff2')
+      format('woff2'),
+    url('https://d1a3f4spazzrp4.cloudfront.net/dotcom-assets/fonts/UberMoveText-Bold.woff')
+      format('woff');
+  font-weight: 600;
+  font-style: normal;
+  font-display: swap;
+}
diff --git a/website/src/stylesheets/main.scss b/website/src/stylesheets/main.scss
@@ -1,6 +1,7 @@
 @import 'markdown';
 @import 'mixins';
 @import 'icon';
+@import 'fontface';
 
 $primary: #00ADE6;
 $secondary: #05E3D5;
@@ -16,12 +17,16 @@ $topbar-height: 64px;
 @import 'showcase';
 
 body {
-  font-family: ff-clan-web-pro, "Helvetica Neue", Helvetica, sans-serif !important;
+  font-family: "UberMove", "Helvetica Neue", Helvetica, sans-serif !important;
   font-size: 12px;
   line-height: 1.833;
   overflow-y: auto;
 }
 
+p, li, td, th {
+  font-family: "UberMoveText";
+}
+
 * {
   padding: 0;
   margin: 0;