css : faire bien l'appel pour les emphases + supression de la propriété line-height de la classe .content

1 files changed, 15 insertions, 9 deletions

diff --git a/static/css/styles.css b/static/css/styles.css
index e8c894b..3b5da5c 100644
--- a/static/css/styles.css
+++ b/static/css/styles.css
@@ -1,30 +1,25 @@
 @font-face {
     font-family: 'Bagnard';
-    font-weight: 400;
     src: url('/fonts/Bagnard.otf') format('otf');
 }
 
 @font-face {
     font-family: 'TeX Gyre Heros';
-    font-weight: 400;
     src: url('/fonts/texgyreheroscn-regular.otf') format('otf');
 }
 
 @font-face {
-    font-family: 'TeX Gyre Heros';
-    font-weight: 600;
+    font-family: 'TeX Gyre Heros Bold';
     src: url('/fonts/texgyreheroscn-bold.otf') format('otf');
 }
 
 @font-face {
-    font-family: 'TeX Gyre Heros';
-    font-style: italic;
+    font-family: 'TeX Gyre Heros Italic';
     src: url('/fonts/texgyreheroscn-italic.otf') format('otf');
 }
 
 @font-face {
-    font-family: 'TeX Gyre Heros';
-    font-weight: 600;
+    font-family: 'TeX Gyre Heros Bold Italic';
     src: url('/fonts/texgyreheroscn-bolditalic') format('otf');
 }
 
@@ -47,6 +42,10 @@ body {
     font-size: 1em;
 }
 
+em {
+    font-family: 'TeX Gyre Heros Italic';
+}
+
 footer {
     text-align: center;
     background-color: rgb(255, 255, 255);
@@ -65,6 +64,14 @@ img {
     max-height : 400px;
 }
 
+strong {
+    font-family: 'TeX Gyre Heros Bold';
+}
+
+strong > em {
+    font-family: 'TeX Gyre Heros Bold Italic';
+}
+
 .container {
     grid-column: 2;
     grid-row: 2;
@@ -76,7 +83,6 @@ img {
 .content {
     padding: 1em 4em;
     font-size: 1.3em;
-    line-height: 1.2;
 }
 
 .content h2,