diff --git a/content-editable/index.html b/content-editable/index.html
index 570adee..f4563d0 100644
--- a/content-editable/index.html
+++ b/content-editable/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Content Editable</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 </head>
 
diff --git a/data-attribute/index.html b/data-attribute/index.html
index e1a760c..b39d143 100644
--- a/data-attribute/index.html
+++ b/data-attribute/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Data Attribute</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 
     <script>
diff --git a/datalist/index.html b/datalist/index.html
index e93496a..27c0e27 100644
--- a/datalist/index.html
+++ b/datalist/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Datalist Tag</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 </head>
 
diff --git a/details/index.html b/details/index.html
index 79340a3..70c80c1 100644
--- a/details/index.html
+++ b/details/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Details Tag</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 </head>
 
diff --git a/inputs/index.html b/inputs/index.html
index 170c3cc..249bce8 100644
--- a/inputs/index.html
+++ b/inputs/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Inputs</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 
     <script>
diff --git a/map/clown.htm b/map/clown.htm
index 4339969..9079fe9 100644
--- a/map/clown.htm
+++ b/map/clown.htm
@@ -6,6 +6,7 @@
         <meta http-equiv='X-UA-Compatible' content='IE=edge'>
         <title>HTML Tips and Tricks - Map</title>
         <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
         <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
     </head>
 
diff --git a/map/elephant.htm b/map/elephant.htm
index 50af3a4..bbc4030 100644
--- a/map/elephant.htm
+++ b/map/elephant.htm
@@ -6,6 +6,7 @@
         <meta http-equiv='X-UA-Compatible' content='IE=edge'>
         <title>HTML Tips and Tricks - Map</title>
         <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
         <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
     </head>
 
diff --git a/map/horse.htm b/map/horse.htm
index a1cb015..e78ce87 100644
--- a/map/horse.htm
+++ b/map/horse.htm
@@ -6,6 +6,7 @@
         <meta http-equiv='X-UA-Compatible' content='IE=edge'>
         <title>HTML Tips and Tricks - Map</title>
         <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
         <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
     </head>
 
diff --git a/map/index.html b/map/index.html
index 46d57e8..77ce9c1 100644
--- a/map/index.html
+++ b/map/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv='X-UA-Compatible' content='IE=edge'>
         <title>HTML Tips and Tricks - Map</title>
         <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
         <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
     </head>
 
diff --git a/mark/index.html b/mark/index.html
index ad385df..893454b 100644
--- a/mark/index.html
+++ b/mark/index.html
@@ -6,6 +6,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Mark Element</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 </head>
 
diff --git a/meter/index.html b/meter/index.html
index 6013973..ec581ff 100644
--- a/meter/index.html
+++ b/meter/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv='X-UA-Compatible' content='IE=edge'>
         <title>HTML Tips and Tricks - Meter</title>
         <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet">
         <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
     </head>
 
diff --git a/output/index.html b/output/index.html
index 60e578f..b6cbbe1 100644
--- a/output/index.html
+++ b/output/index.html
@@ -6,6 +6,7 @@
         <meta http-equiv='X-UA-Compatible' content='IE=edge'>
         <title>HTML Tips and Tricks - Output</title>
         <meta name='viewport' content='width=device-width, initial-scale=1'>
+        <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet"> 
         <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
     </head>
 
diff --git a/range/index.html b/range/index.html
index 83da482..4d6eef6 100644
--- a/range/index.html
+++ b/range/index.html
@@ -7,6 +7,7 @@
     <meta http-equiv='X-UA-Compatible' content='IE=edge'>
     <title>HTML Tips and Tricks - Range Slider</title>
     <meta name='viewport' content='width=device-width, initial-scale=1'>
+    <link href="https://fonts.googleapis.com/css2?family=Chilanka&display=swap" rel="stylesheet"> 
     <link rel='stylesheet' type='text/css' media='screen' href='../main.css'>
 
     <script>