From 65f704041a30cab2825daba80c4a52f34cea4b20 Mon Sep 17 00:00:00 2001
From: "C. Fuhrman" <christopher.fuhrman@etsmtl.ca>
Date: Tue, 17 Sep 2024 01:48:38 -0400
Subject: [PATCH] =?UTF-8?q?Affichage=20de=20\\neq=20(katex)=20n'est=20pas?=
 =?UTF-8?q?=20correct=20(KaTeX=5FMain=20n'est=20pas=20charg=C3=A9e=3F)=20F?=
 =?UTF-8?q?ixes=20#96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 client/index.html                             | 22 ++++++++++++++-----
 .../components/Questions/questionStyle.css    |  4 ++++
 2 files changed, 21 insertions(+), 5 deletions(-)

diff --git a/client/index.html b/client/index.html
index ad2b63b..f8b3732 100644
--- a/client/index.html
+++ b/client/index.html
@@ -4,11 +4,23 @@
         <meta charset="UTF-8" />
         <link rel="icon" type="image/svg+xml" href="/logo.png" />
         <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-        <link
-            rel="stylesheet"
-            href="https://cdn.jsdelivr.net/npm/katex@latest/dist/katex.min.css"
-            crossorigin="anonymous"
-        />
+        <link rel="stylesheet" 
+            href="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.css" 
+            integrity="sha384-nB0miv6/jRmo5UMMR1wu3Gz6NLsoTkbqJghGIsx//Rlm+ZU03BU6SQNC66uf4l5+" 
+            crossorigin="anonymous">
+        <script defer src="https://cdn.jsdelivr.net/npm/katex@0.16.11/dist/katex.min.js" 
+            integrity="sha384-7zkQWkzuo3B5mTepMUcHkMB5jZaolc2xDwL6VFqjFALcbeS9Ggm/Yr2r3Dy4lfFg" crossorigin="anonymous"></script>
+        <script>
+            window.WebFontConfig = {
+                custom: {
+                families: ['KaTeX_AMS', 'KaTeX_Caligraphic:n4,n7', 'KaTeX_Fraktur:n4,n7',
+                    'KaTeX_Main:n4,n7,i4,i7', 'KaTeX_Math:i4,i7', 'KaTeX_Script',
+                    'KaTeX_SansSerif:n4,n7,i4', 'KaTeX_Size1', 'KaTeX_Size2', 'KaTeX_Size3',
+                    'KaTeX_Size4', 'KaTeX_Typewriter'],
+                },
+            };
+        </script>
+        <script defer src="https://cdn.jsdelivr.net/npm/webfontloader@1.6.28/webfontloader.js" integrity="sha256-4O4pS1SH31ZqrSO2A/2QJTVjTPqVe+jnYgOWUVr7EEc=" crossorigin="anonymous"></script>
         <title>Évalue Ton Savoir</title>
         <base href="/" />
     </head>
diff --git a/client/src/components/Questions/questionStyle.css b/client/src/components/Questions/questionStyle.css
index 07a2be0..8009a4b 100644
--- a/client/src/components/Questions/questionStyle.css
+++ b/client/src/components/Questions/questionStyle.css
@@ -31,6 +31,10 @@
     text-align: center;
 }
 
+.katex * {
+    font-family: 'KaTeX_Main'  /* to display characters like \neq properly */
+}
+
 .circle {
     height: 2.3rem;
     width: 2.3rem;