diff --git a/views/book_detail.php b/views/book_detail.php
index d6a11ef0d837d8e1e6d4a0fb10bbfb07e454fc1c..df0830a44cd7518db5c484e9551e34120ef8e457 100644
--- a/views/book_detail.php
+++ b/views/book_detail.php
@@ -12,6 +12,7 @@
 <head>
     <title>Review Page</title>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
 
 </head>
 <body>
diff --git a/views/css/application.css b/views/css/application.css
index ecd930eb95dfb19e41fe67b738865c910f53196e..6e68bab94e1b151347e5940156c0b56e1b74cc72 100644
--- a/views/css/application.css
+++ b/views/css/application.css
@@ -107,7 +107,7 @@ h1{
 
 .author {
     margin: 0;
-    font-family: Sans-serif, monospace;
+    font-family: 'Nunito', sans-serif;
     font-size: 16px;
     font-weight: normal;
     color: #4d4d4d;
@@ -146,7 +146,7 @@ h1{
 }
 
 .arial {
-    font-family: "Arial", Times, serif;
+    font-family: 'Nunito', sans-serif;
 }
 
 .centre {
@@ -193,7 +193,7 @@ textarea {
     text-decoration: none;
     display: inline-block;
     font-size: 16px;
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     margin: 4px 2px;
     -webkit-transition-duration: 0.4s;
     transition-duration: 0.4s;
@@ -243,7 +243,7 @@ textarea {
 
 /*HISTORY*/
 .history-title-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     color: #f26600;
     font-size: x-large;
     margin-bottom: 4px;
@@ -253,7 +253,7 @@ textarea {
 
 /*REVIEW*/
 .title-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     color: #f26600;
     font-size: x-large;
     margin-bottom: 4px;
@@ -261,7 +261,7 @@ textarea {
 }
 
 .ordered-review {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     color: darkgrey;
     font-size: medium;
     margin-top: 5px;
@@ -270,7 +270,7 @@ textarea {
 }
 
 .date-order-details {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     color: black;
     font-size: medium;
     margin-top: 0;
@@ -292,11 +292,11 @@ textarea {
 .picture-frame {
     width: 16px;
     height: 16px;
-    margin-left: 25px;
+    margin-left: 125px;
 }
 
 .profile-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     font-size: medium;
     margin-left: 10px;
     margin-top: 0;
@@ -304,27 +304,27 @@ textarea {
 }
 
 .detail-username-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     margin-left: 120px;
     margin-bottom: 0;
 }
 
 .detail-mail-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     margin-left: 155px;
     margin-top: 0;
     margin-bottom: 0;
 }
 
 .detail-address-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     margin-left: 135px;
     margin-top: 0;
     margin-bottom: 0;
 }
 
 .detail-phone-desc {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     margin-left: 87px;
     margin-top: 0;
     margin-bottom: 0;
@@ -332,7 +332,7 @@ textarea {
 
 .solid-box {
     background-color: #065473;
-    width: 550px;
+    width: 700px;
     height: 220px;
 }
 
@@ -345,7 +345,7 @@ textarea {
 }
 
 .profile-name {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     color: #FFFFFF;
     font-size: xx-large;
     alignment: bottom;
@@ -353,10 +353,11 @@ textarea {
 }
 
 .header-profile {
-    font-family: Sans-serif, serif;
+    font-family: 'Nunito', sans-serif;
     font-size: xx-large;
     color: #f26600;
     margin-bottom: 0;
+    margin-left: 100px;
 }
 
 .img-circle {
@@ -377,7 +378,7 @@ textarea {
 
 /*EDIT PROFILE*/
 .update-pp {
-    font-family: Arial, serif;
+    font-family: 'Nunito', sans-serif;
     color: black;
     font-size: medium;
     margin-top: 10px;
@@ -435,7 +436,7 @@ input {
 }
 
 .edit-p {
-    font-family: Sans-serif, serif;
+    font-family: 'Nunito', sans-serif;
     margin-right: 0;
     padding-right: auto;
 }
diff --git a/views/css/login-register.css b/views/css/login-register.css
index de79c42d4a7ffae21f590812c3a5ec18f9961b33..13163d3c43871baeeb80525053579fbac0f50470 100644
--- a/views/css/login-register.css
+++ b/views/css/login-register.css
@@ -79,14 +79,14 @@ h3 {
     color: orange;
 }
 .arial {
-    font-family: "Arial", Times, serif;
+    font-family: 'Nunito', sans-serif;
 }
 
 .calibri {
-    font-family: "Times New Roman", Times, serif;
+    font-family: 'Nunito', sans-serif;
 }
 .sans-serif {
-    font-family: Sans-serif;
+    font-family: 'Nunito', sans-serif;
 }
 
 .inline {
@@ -110,7 +110,7 @@ h3 {
     background-color: #FFFFFF;
     font-weight: bolder;
     font-size: large;
-    font-family: SansSerif, sans-serif;
+    font-family: 'Nunito', sans-serif;
 }
 
 .btn:hover {
diff --git a/views/edit_profile.php b/views/edit_profile.php
index af81f68e46447899b7fa20565d1cf40ea21d653d..3421fdd56c91119dae82b0c69364dd21c232dba3 100644
--- a/views/edit_profile.php
+++ b/views/edit_profile.php
@@ -10,6 +10,7 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>Edit Profile | Pro-Book</title>
 </head>
 <body>
diff --git a/views/history.php b/views/history.php
index 828781226746206e7938b9b50f4fd22baaf3aa43..10ecad131f3d7b85f93e329687f0543a0278ad9c 100644
--- a/views/history.php
+++ b/views/history.php
@@ -11,6 +11,7 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>History | Pro-Book</title>
 </head>
 <body>
diff --git a/views/login.php b/views/login.php
index 23648947eef787dbc29117c64cffc901f60ecaf0..c606ed0194d7c253f76fa0ffb1cefc9b1ba3054e 100644
--- a/views/login.php
+++ b/views/login.php
@@ -11,6 +11,7 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/login-register.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>Login | Pro-book</title>
 </head>
 <body>
diff --git a/views/my_profile.php b/views/my_profile.php
index 4f6daf8097340baf5691ab1c410355e26622e6a9..4289636b0a24b2f111e6d7ed00b1042e954918a8 100644
--- a/views/my_profile.php
+++ b/views/my_profile.php
@@ -9,6 +9,7 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>My Profile | Pro-Book</title>
 </head>
 <body>
diff --git a/views/register.php b/views/register.php
index 60ad247313455c78f365c3e3a3c9b9c191e41d55..cccb42746e152e3917a0143f10658e7ede760000 100644
--- a/views/register.php
+++ b/views/register.php
@@ -11,6 +11,7 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/login-register.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>Register | Pro-book</title>
 </head>
 <body>
diff --git a/views/review.php b/views/review.php
index 8dea3298ef59e11d6fbeb9daacd3f4f1c448e224..bba9d6206fb15fe4c1b13e96058fa0467c73169b 100644
--- a/views/review.php
+++ b/views/review.php
@@ -11,6 +11,7 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>Review | Pro-book</title>
 </head>
 <body>
diff --git a/views/search_book.php b/views/search_book.php
index 8f5ea0154bc10262ab341b37c20dc8bff1662119..ffbb812c817320074474dfdedd381336b52773e0 100644
--- a/views/search_book.php
+++ b/views/search_book.php
@@ -12,11 +12,12 @@
 <html>
 <head>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>Search | Pro-book</title>
 </head>
 <body>
 <div class="container">
-    <h1>Search Book</h1>
+    <h1 class="arial">Search Book</h1>
 
     <form class="form-container" method="post" action="search_result.php">
         <input class ="search-book" type="text" name="searchbook" placeholder="Input search term...">
diff --git a/views/search_result.php b/views/search_result.php
index 2a458abd7cd72aef36f3c7af820826330ae497bf..723d606ace38ce69e2efaad03b1e880307e2928c 100644
--- a/views/search_result.php
+++ b/views/search_result.php
@@ -36,6 +36,7 @@ if (isset($_COOKIE['access_token'])) {
 <html>
 <head>
     <link rel="stylesheet" href="css/application.css">
+    <link href="https://fonts.googleapis.com/css?family=Nunito" rel="stylesheet">
     <title>Search | Pro-book</title>
 </head>
 <body>