diff --git a/src/App.css b/src/App.css index cacc089..e51c8eb 100644 --- a/src/App.css +++ b/src/App.css @@ -11,6 +11,31 @@ /* Styles responsive pour les pages de guidage & sélection */ @import "./styles/Launcher.css"; + +@font-face { + font-family: 'Achemine'; + src: url('./fonts/achemine_regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Achemine'; + src: url('./fonts/achemine_bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Achemine'; + src: url('./fonts/achemine_italic.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + font-display: swap; +} + @font-face { font-family: Avenir; src: url("/public/fonts/avenir-lighter.woff"); diff --git a/src/fonts/achemine_bold.ttf b/src/fonts/achemine_bold.ttf new file mode 100644 index 0000000..0aa810e Binary files /dev/null and b/src/fonts/achemine_bold.ttf differ diff --git a/src/fonts/achemine_italic.ttf b/src/fonts/achemine_italic.ttf new file mode 100644 index 0000000..a6fde88 Binary files /dev/null and b/src/fonts/achemine_italic.ttf differ diff --git a/src/fonts/achemine_regular.ttf b/src/fonts/achemine_regular.ttf new file mode 100644 index 0000000..84be0af Binary files /dev/null and b/src/fonts/achemine_regular.ttf differ diff --git a/src/fonts/avenir-black.woff b/src/fonts/avenir-black.woff new file mode 100644 index 0000000..db1de71 Binary files /dev/null and b/src/fonts/avenir-black.woff differ diff --git a/src/fonts/avenir-book.woff b/src/fonts/avenir-book.woff new file mode 100644 index 0000000..c2f1e82 Binary files /dev/null and b/src/fonts/avenir-book.woff differ diff --git a/src/fonts/avenir-heavy.woff b/src/fonts/avenir-heavy.woff new file mode 100644 index 0000000..c7798fe Binary files /dev/null and b/src/fonts/avenir-heavy.woff differ diff --git a/src/fonts/avenir-lighter.woff b/src/fonts/avenir-lighter.woff new file mode 100644 index 0000000..c75042f Binary files /dev/null and b/src/fonts/avenir-lighter.woff differ diff --git a/src/fonts/avenir-medium.woff b/src/fonts/avenir-medium.woff new file mode 100644 index 0000000..5dcebc2 Binary files /dev/null and b/src/fonts/avenir-medium.woff differ diff --git a/src/fonts/avenir-roman.woff b/src/fonts/avenir-roman.woff new file mode 100644 index 0000000..05e78f1 Binary files /dev/null and b/src/fonts/avenir-roman.woff differ diff --git a/src/index.css b/src/index.css index ec2585e..ff92677 100644 --- a/src/index.css +++ b/src/index.css @@ -1,6 +1,30 @@ +@font-face { + font-family: 'Achemine'; + src: url('./fonts/achemine_regular.ttf') format('truetype'); + font-weight: 400; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Achemine'; + src: url('./fonts/achemine_bold.ttf') format('truetype'); + font-weight: 700; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Achemine'; + src: url('./fonts/achemine_italic.ttf') format('truetype'); + font-weight: 400; + font-style: italic; + font-display: swap; +} + body { margin: 0; - font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', + font-family: 'Achemine', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif; -webkit-font-smoothing: antialiased; diff --git a/src/pages/afficheurs/classiques/ClassiquesArrivees.css b/src/pages/afficheurs/classiques/ClassiquesArrivees.css index 222378a..9dbc6b2 100644 --- a/src/pages/afficheurs/classiques/ClassiquesArrivees.css +++ b/src/pages/afficheurs/classiques/ClassiquesArrivees.css @@ -262,8 +262,8 @@ /* Colonne 3 : Heure (Grande, jaune vif) */ .aff-classiques-arrivees__col-time { - width: 250px; - min-width: 250px; + width: 260px; + min-width: 260px; display: flex; align-items: center; justify-content: flex-start; @@ -276,7 +276,7 @@ .aff-classiques-arrivees__time { color: var(--yellow); - font-size: 68px; + font-size: 74px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; @@ -302,8 +302,8 @@ .aff-classiques-arrivees__destination { color: var(--white); - font-size: 62px; - font-weight: 600; + font-size: 68px; + font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; @@ -325,8 +325,8 @@ } .aff-classiques-arrivees__platform-box { - width: 88px; - height: 84px; + width: 90px; + height: 86px; border: 3.5px solid var(--white); border-radius: 12px; display: flex; @@ -338,7 +338,7 @@ .aff-classiques-arrivees__platform-text { color: var(--white); - font-size: 60px; + font-size: 62px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif; diff --git a/src/pages/afficheurs/classiques/ClassiquesDeparts.css b/src/pages/afficheurs/classiques/ClassiquesDeparts.css index 2bc1ab7..b6ec100 100644 --- a/src/pages/afficheurs/classiques/ClassiquesDeparts.css +++ b/src/pages/afficheurs/classiques/ClassiquesDeparts.css @@ -262,8 +262,8 @@ /* Colonne 3 : Heure (Grande, jaune vif) */ .aff-classiques-departs__col-time { - width: 250px; - min-width: 250px; + width: 260px; + min-width: 260px; display: flex; align-items: center; justify-content: flex-start; @@ -276,7 +276,7 @@ .aff-classiques-departs__time { color: var(--yellow); - font-size: 68px; + font-size: 74px; font-weight: 700; line-height: 1; letter-spacing: -0.5px; @@ -302,8 +302,8 @@ .aff-classiques-departs__destination { color: var(--white); - font-size: 62px; - font-weight: 600; + font-size: 68px; + font-weight: 700; line-height: 1; white-space: nowrap; overflow: hidden; @@ -325,8 +325,8 @@ } .aff-classiques-departs__platform-box { - width: 88px; - height: 84px; + width: 90px; + height: 86px; border: 3.5px solid var(--white); border-radius: 12px; display: flex; @@ -338,7 +338,7 @@ .aff-classiques-departs__platform-text { color: var(--white); - font-size: 60px; + font-size: 62px; font-weight: 700; line-height: 1; font-family: "Achemine", sans-serif;