Browse Source

new font attempt (Inter)

Signed-off-by: Jonathan <theflametrooper@gmail.com>
Jonathan 4 years ago
parent
commit
29897bbdf0
3 changed files with 9 additions and 6 deletions
  1. 1 2
      frontend/dist/index.tpl.html
  2. 6 4
      frontend/src/App.vue
  3. 2 0
      frontend/src/pages/Home/index.vue

+ 1 - 2
frontend/dist/index.tpl.html

@@ -34,8 +34,7 @@
 
 	<link href='https://fonts.googleapis.com/css?family=Pacifico' rel='stylesheet'>
 	<link rel="preconnect" href="https://fonts.gstatic.com">
-	<link href="https://fonts.googleapis.com/css2?family=Hind:wght@500&display=swap" rel="stylesheet">
-	<link href="https://fonts.googleapis.com/css2?family=Karla:wght@500;600&display=swap" rel="stylesheet">
+	<link href="https://fonts.googleapis.com/css2?family=Inter:wght@200;400;600;800&display=swap" rel="stylesheet">
 
 	<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.2.3/css/bulma.min.css">
 	<link rel='stylesheet' href='/index.css'>

+ 6 - 4
frontend/src/App.vue

@@ -237,7 +237,7 @@ body {
 	background-color: $light-grey;
 	color: $dark-grey;
 	height: 100%;
-	font-family: "Karla", Helvetica, Arial, sans-serif;
+	font-family: "Inter", Helvetica, Arial, sans-serif;
 }
 
 h1,
@@ -247,12 +247,12 @@ h4,
 h5,
 h6,
 .sidebar-title {
-	font-family: "Hind", Helvetica, Arial, sans-serif;
+	font-family: "Inter", Helvetica, Arial, sans-serif;
 }
 
 .modal-card-title {
 	font-weight: 600;
-	font-family: "Hind", Helvetica, Arial, sans-serif;
+	font-family: "Inter", Helvetica, Arial, sans-serif;
 }
 
 p,
@@ -260,7 +260,7 @@ button,
 input,
 select,
 textarea {
-	font-family: "Karla", Helvetica, Arial, sans-serif;
+	font-family: "Inter", Helvetica, Arial, sans-serif;
 }
 
 .upper-container {
@@ -530,11 +530,13 @@ button.delete:focus {
 .section-title,
 h4.section-title {
 	font-size: 26px;
+	font-weight: 600;
 	margin: 0px;
 }
 
 .section-description {
 	font-size: 16px;
+	font-weight: 400;
 	margin-bottom: 10px !important;
 }
 

+ 2 - 0
frontend/src/pages/Home/index.vue

@@ -640,9 +640,11 @@ html {
 		display: flex;
 		align-items: center;
 		justify-content: center;
+		margin: 25px 0;
 
 		h1 {
 			display: inline-block;
+			margin: 0;
 		}
 
 		a {