diff --git a/public/images/github.png b/public/images/github.png
new file mode 100644
index 00000000..6c3b3cd1
Binary files /dev/null and b/public/images/github.png differ
diff --git a/public/images/twitter.png b/public/images/twitter.png
new file mode 100644
index 00000000..ce2578c4
Binary files /dev/null and b/public/images/twitter.png differ
diff --git a/src/components/footer.tsx b/src/components/footer.tsx
index e3e9a2d6..72cdd44d 100644
--- a/src/components/footer.tsx
+++ b/src/components/footer.tsx
@@ -14,7 +14,11 @@ const Footer = () => {
           <Link href="/mentions-legales" legacyBehavior>
             <a>Mentions légales</a>
           </Link>
+          <a href="https://github.com/ChtiJS/" title="Voir le compte GitHub de ChtiJS"></a>
+          <a href="http://twitter.com/ChtiJS"><img src="/images/twitter.png" alt="ChtiJS sur Twitter" /></a>
+          <a href="https://github.com/ChtiJS/"><img src="/images/github.png" alt="ChtiJS sur GitHub" /></a>
         </p>
+
       </footer>
       <style jsx>{`
         footer {
@@ -33,6 +37,12 @@ const Footer = () => {
         a:hover {
           color: var(--light);
         }
+        img{
+          width:40px;
+          float:right;
+          margin-right: 10px;
+          margin-top: 6px;
+        }
         @media screen and (max-width: ${CSS_BREAKPOINT_END_S}) {
           footer {
             grid-column-start: 1;
diff --git a/src/styles/globals.css b/src/styles/globals.css
index 75c4b75d..49332252 100644
--- a/src/styles/globals.css
+++ b/src/styles/globals.css
@@ -33,7 +33,7 @@
   /* Fonts */
   --writingFont: 'Open sans', 'Helvetica', 'Arial', sans-serif;
   --contentFont: 'Open sans', 'Helvetica', 'Arial', sans-serif;
-  --headingFont: 'Georgia', 'Times', serif;
+  --headingFont: 'Veranda', 'Times', sans-serif;
 
   /* Font sizes */
   --smallFontSize: calc(5 * var(--vGrid));
@@ -74,4 +74,4 @@ body,
   box-sizing: border-box;
   margin: 0;
   padding: 0;
-}
+}
\ No newline at end of file