diff --git a/index.php b/index.php
index 65baf23..d72121b 100644
--- a/index.php
+++ b/index.php
@@ -18,7 +18,9 @@
 		<meta name="apple-mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-status-bar-style" content="green">
 
-		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
+		<link rel="preconnect" href="https://fonts.googleapis.com">
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+		<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,400;1,500" rel="stylesheet">
 
 		<link rel="stylesheet" href="./css/basic.css" />
 		<link rel="stylesheet" href="./css/login.css" />
diff --git a/js/autocomplete.js b/js/autocomplete.js
index d3885d9..c756789 100644
--- a/js/autocomplete.js
+++ b/js/autocomplete.js
@@ -8,17 +8,19 @@
     /*close any already open lists of autocompleted values*/
     clearLists();
     document.querySelector(".md-google-search__empty-btn").style.display = (val ? "block" : "none");
-    if (!val || val.length < 3) return false;
+    if (!val) val = "";
     currentFocus = -1;
     var is_empty = true;
 
     /*for each item in the object...*/
     for (node in obj) {
       var nomNode = obj[node].nomcomplet;
+      var nomNodeNormalized = nomNode.normalize('NFD').replace(/\p{Diacritic}/gu, '').toUpperCase();
+      var valNormalized = val.normalize('NFD').replace(/\p{Diacritic}/gu, '').toUpperCase();
 
-      if (nomNode.toUpperCase().includes(val.toUpperCase())) {
+      if (nomNodeNormalized.includes(valNormalized)) {
         is_empty = false;
-        var parts = nomNode.toUpperCase().split(val.toUpperCase());
+        var parts = nomNodeNormalized.split(valNormalized);
 
         /*create a DIV element for each matching element:*/
         b = document.createElement("div");
diff --git a/killer-chat.php b/killer-chat.php
index 3d9a422..eeda409 100644
--- a/killer-chat.php
+++ b/killer-chat.php
@@ -9,7 +9,9 @@
 ?>
 
 <head>
-<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,400;1,500" rel="stylesheet">
 <link rel="stylesheet" href="./css/basic.css" />
 <link rel="stylesheet" href="./css/main.css" />
 
diff --git a/main.php b/main.php
index c4e370d..4c995f1 100644
--- a/main.php
+++ b/main.php
@@ -21,8 +21,9 @@
 		<meta name="apple-mobile-web-app-capable" content="yes">
 		<meta name="apple-mobile-web-app-status-bar-style" content="green">
 
-
-		<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
+		<link rel="preconnect" href="https://fonts.googleapis.com">
+		<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+		<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,400;1,500" rel="stylesheet">
 
 		<link rel="stylesheet" href="./css/basic.css" />
 		<link rel="stylesheet" href="./css/main.css" />
diff --git a/ranking.php b/ranking.php
index 0bb3d72..8f2e557 100644
--- a/ranking.php
+++ b/ranking.php
@@ -1,7 +1,9 @@
 <html>
 <head>
 	<meta name="viewport" content="width=device-width, initial-scale=1">
-	<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
+	<link rel="preconnect" href="https://fonts.googleapis.com">
+	<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+	<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,400;1,500" rel="stylesheet">
 	<link rel="stylesheet" href="./css/ranking.css" />
 </head>
 
diff --git a/victim-chat.php b/victim-chat.php
index 193b738..b50d506 100644
--- a/victim-chat.php
+++ b/victim-chat.php
@@ -9,7 +9,9 @@
 ?>
 
 <head>
-<link rel="stylesheet" type="text/css" href="//fonts.googleapis.com/css?family=Open+Sans" />
+<link rel="preconnect" href="https://fonts.googleapis.com">
+<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+<link href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,500;1,400;1,500" rel="stylesheet">
 <link rel="stylesheet" href="./css/basic.css" />
 <link rel="stylesheet" href="./css/main.css" />