final change font

jainish-jain · jainish-jain · commit 385a9db78c3e · 2020-09-21T19:05:50.000+05:30
diff --git a/templates/form.html b/templates/form.html
@@ -3,7 +3,9 @@
 <head>
 	<title>Spam Comment Detector</title>
 	<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
-	<link rel="stylesheet" href="https://font.googleapis.com/css?family=Copperplate">
+	
+	<link href="https://fonts.googleapis.com/css2?family=Courier+Prime&display=swap" rel="stylesheet">
+
 	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
 	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
 	<script src="{{ url_for('static', filename='js/form.js') }}"></script>
@@ -27,7 +29,7 @@
 		margin:0px;
 		width:100%;
 		align-items: center;
-		font-family: Copperplate;
+		font-family: 'Courier Prime', monospace;
 	}
 	@media screen and (min-width: 601px) {
 	div.fontsz {
@@ -55,8 +57,8 @@
 							<input type="text" class="form-control" id="nameInput" placeholder="Comment" style="height:40px;font-size:20pt;" size="40%">
 						</div>
 					</form>
-					<div id="successAlert" class="alert alert-success" role="alert" style="display:none; width:60%;"></div>
-					<div id="errorAlert" class="alert alert-danger" role="alert" style="display:none; width: 60%;"></div>
+					<div id="successAlert" class="alert alert-success" role="alert" style="display:none; width:50%;"></div>
+					<div id="errorAlert" class="alert alert-danger" role="alert" style="display:none; width: 50%;"></div>
 			</div>
 		</div>
 	</center>
