Merge pull request 'update' (!44) from development_font into main

Reviewed-on: tfgrid/www_docs_threefold_io#44

docs_website/docs/litepaper.md

@@ -6,8 +6,6 @@ sidebar_position: 2
 
 > *ThreeFold presents Project Mycelium, a self-healing data, network and cloud Internet insfrastructure laying the foundation for Web4.*
 
-# ![|640x456.89972513675843](https://lh7-rt.googleusercontent.com/docsz/AD_4nXdxe-bOae_qPzz_eHjjwqFVwD7KbOHXq_cG_3QuslDjZPrkKkAQGWbfxH3U1X27zBthn6DYRpqoDuQv4ufx5sp9YBP68_vZgAzT0YlaO4PaW-Uu2E2vlKW4v4cs9SgoM4dIYhdCOw?key=FFljbee7w6SKHobQaUuiib21)
-
 ## ThreeFold - Web4 Launch
 
 The Internet today has major problems: it’s less reliable than we think, spreads misinformation, lacks privacy and security, leaves 50% of the world poorly connected, and allows big tech to monitor and influence us. Ultimately, it enables the powerful to become even more powerful.

docs_website/docusaurus.config.ts

@@ -94,7 +94,7 @@ const config: Config = {
     // Replace with your project's social card
     image: 'img/threefold-social-card.png',
     navbar: {
-      title: 'ThreeFold',
+      title: 'THREEFOLD',
       logo: {
         alt: 'ThreeFold Logo',
         src: 'img/logo.svg',

docs_website/src/css/custom.css

@@ -4,6 +4,46 @@
  * work well for content-centric websites.
  */
 
+/* Add @font-face declarations for the Inter font */
+@font-face {
+  font-family: 'Inter';
+  font-weight: 400; /* Light */
+  font-style: normal;
+  src: url('/fonts/Inter_28pt-Light.ttf') format('truetype'); /* Corrected path */
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-weight: 500; /* Regular */
+  font-style: normal;
+  src: url('/fonts/Inter_28pt-Regular.ttf') format('truetype'); /* Corrected path */
+}
+
+@font-face {
+  font-family: 'Inter';
+  font-weight: 600; /* Medium */
+  font-style: normal;
+  src: url('/fonts/Inter_28pt-Medium.ttf') format('truetype'); /* Corrected path */
+}
+
+/* Apply the Inter font globally */
+body {
+  font-family: 'Inter', sans-serif; /* Set the global font */
+  font-size: 18px;
+}
+
+/* Header styles - Medium weight for headers */
+h1, h2, h3, h4, h5, h6 {
+  font-weight: 600; /* Medium weight for headers */
+  font-family: 'Inter', sans-serif; /* Set the global font */
+}
+
+/* Paragraph styles - Light weight for paragraphs */
+p {
+  font-weight: 400; /* Light weight for paragraphs */
+  font-family: 'Inter', sans-serif; /* Set the global font */
+}
+
 /* You can override the default Infima variables here. */
 :root {
   --ifm-color-primary: #2e83ff;