CoderBot logo in Overpass mono typeface

Author: avivace

src/components/Landing.vue

@@ -9,7 +9,7 @@
 			<v-content>
 				<br>
 				<div style="font-size: 24px;"> Benvenuto in </div>
-				<div style="font-size: 80px; font-family: 'Cousine'">CoderBot</div>
+				<div class="logo">CoderBot</div>
 				<div style="font-size: 18px;"> Scegli un'azione per iniziare! </div>
 				<v-container grid-list-md text-xs-center>
 					<v-layout row wrap>
@@ -68,4 +68,10 @@ export default {
 </script>
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style scoped>
+.logo {
+	font-size: 80px;
+	font-family: 'Overpass Mono';
+	font-weight: 600;
+	letter-spacing: -5px;
+}
 </style>

src/main.js

@@ -23,6 +23,7 @@ import 'material-design-icons-iconfont/dist/material-design-icons.css'
 import '@fortawesome/fontawesome-free/css/all.css'
 import 'typeface-cousine'
 import 'typeface-quicksand'
+import 'typeface-overpass-mono'
 
 // Components
 import app from './App';