Pour tout problème contactez-nous par mail : support@froggit.fr | La FAQ :grey_question: | Rejoignez-nous sur le Chat :speech_balloon:

Skip to content
Snippets Groups Projects
Commit 7e8c0e0c authored by Julie Thezenas's avatar Julie Thezenas Committed by Christophe Chaudier
Browse files

fix: use custom local fonts

parent 4b9ff6a9
No related branches found
No related tags found
1 merge request!33Resolve "fix custom local fonts load"
/* stylelint-disable docusaurus/copyright-header */ /******** FONTS ********/
/** @font-face {
* Any CSS included here will be global. The classic template font-family: 'comfortaa';
* bundles Infima by default. Infima is a CSS framework designed to src: url('/static/fonts/comfortaa.woff2') format('woff2');
* work well for content-centric websites. src: url('/static/fonts/comfortaa.woff') format('woff');
*/ font-weight: normal;
font-style: normal;
/******* google fonts imports *******/ }
@import url('https://fonts.googleapis.com/css?family=Comfortaa:400,600,700');
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,700'); @font-face {
font-family: 'montserrat';
/* You can override the default Infima variables here. */ src: url('/static/fonts/montserrat.woff2') format('woff2');
src: url('/static/fonts/montserrat.woff') format('woff');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'jetbrainsmono';
src: url('/static/fonts/jetbrainsmono.woff2') format('woff2');
src: url('/static/fonts/jetbrainsmono.woff') format('woff');
}
/* VARIABLES */
:root { :root {
--ifm-color-primary: #000000; --ifm-color-primary: #000000;
--ifm-color-dark-green: #577018; --ifm-color-dark-green: #577018;
...@@ -22,8 +34,9 @@ ...@@ -22,8 +34,9 @@
--ifm-link-color: #E07931; --ifm-link-color: #E07931;
--ifm-button-color: var(--ifm-color-primary); --ifm-button-color: var(--ifm-color-primary);
--ifm-code-font-size: 95%; --ifm-code-font-size: 95%;
--ifm-font-family-base: "Comfortaa", cursive; --ifm-font-family-base: "comfortaa", cursive;
--ifm-font-family: "Montserrat", sans-serif; --ifm-font-family: "montserrat", sans-serif;
--ifm-font-family-monospace: "jetbrainsmono", monospace;
--ifm-container-width: 100%; --ifm-container-width: 100%;
--ifm-container-max-width: 950px; --ifm-container-max-width: 950px;
--ifm-navbar-shadow: none; --ifm-navbar-shadow: none;
...@@ -51,23 +64,33 @@ html[data-theme='dark'] .docusaurus-highlight-code-line { ...@@ -51,23 +64,33 @@ html[data-theme='dark'] .docusaurus-highlight-code-line {
hgroup { hgroup {
font-family: var(--ifm-font-family-base); font-family: var(--ifm-font-family-base);
font-weight: 700; font-weight: 700;
font-size: larger;
} }
p { p {
font-family: var(--ifm-font-family); font-family: var(--ifm-font-family);
font-weight: 500; font-weight: 500;
} }
.button { .button {
margin: 10px; margin: 10px;
} }
.button--beta { .button--beta {
background-color: var(--ifm-color-dark-green); background-color: var(--ifm-color-dark-green);
border-color: var(--ifm-color-dark-green); border-color: var(--ifm-color-dark-green);
} }
/************ Navbar style ***********/ /******* table & ul montserra font *******/
table td {
font-family: var(--ifm-font-family);
}
ul {
font-family: var(--ifm-font-family);
}
/************ NAVBAR STYLE ***********/
.navbar { .navbar {
background-color: var(--ifm-color-light-green); background-color: var(--ifm-color-light-green);
--ifm-navbar-link-hover-color: var(--ifm-color-dark-green); --ifm-navbar-link-hover-color: var(--ifm-color-dark-green);
...@@ -84,9 +107,9 @@ p { ...@@ -84,9 +107,9 @@ p {
position: sticky; position: sticky;
top: 0; top: 0;
z-index: 1; z-index: 1;
} }
/************ main elements style***********/ /************ MAIN ELEMENT STYLE ***********/
.section-promises { .section-promises {
padding: 4rem 0; padding: 4rem 0;
width: 100%; width: 100%;
...@@ -108,7 +131,7 @@ p { ...@@ -108,7 +131,7 @@ p {
flex-direction: row-reverse; flex-direction: row-reverse;
} }
/************ footer style ***********/ /************ FOOTER STYLE ***********/
a.footer__link-item:hover { a.footer__link-item:hover {
color: var(--ifm-color-frame); color: var(--ifm-color-frame);
...@@ -130,8 +153,8 @@ a.footer__link-item:hover { ...@@ -130,8 +153,8 @@ a.footer__link-item:hover {
font-family: var(--ifm-font-family); font-family: var(--ifm-font-family);
} }
/************ sub-footer style ***********/ /************ SUB-FOOTER STYLE ***********/
.footer__bottom { .footer__bottom {
font-family: var(--ifm-font-family); font-family: var(--ifm-font-family);
font-weight: 600; font-weight: 600;
} }
/* stylelint-disable docusaurus/copyright-header */
/**
* CSS files with the .module.css suffix will be treated as CSS modules
* and scoped locally.
*/
/************ Header style ***********/ /************ Header style ***********/
.hero__subtitle { .hero__subtitle {
...@@ -15,7 +8,7 @@ ...@@ -15,7 +8,7 @@
} }
.heroBanner { .heroBanner {
padding: 4rem 0; padding: 2.6rem 0;
text-align: center; text-align: center;
position: relative; position: relative;
overflow: hidden; overflow: hidden;
......
...@@ -67,8 +67,9 @@ Le code source du site est disponible sur [ce dépôt Froggit🐸](https://lab.f ...@@ -67,8 +67,9 @@ Le code source du site est disponible sur [ce dépôt Froggit🐸](https://lab.f
### Polices ### Polices
- **Titres :** [Comfortaa](https://www.fontsquirrel.com/fonts/Comfortaa) de Johan Aakerlund sous licence [SIL Open Font License v1.10](https://www.fontsquirrel.com/license/Comfortaa). - **Titres :** [Comfortaa](https://fontlibrary.org/en/font/comfortaa-bold#Comfortaa-Light) de Johan Aakerlund sous licence [SIL Open Font License v1.10](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL).
- **Texte :** [Montserrat](https://www.fontsquirrel.com/fonts/Montserrat) de Julieta Ulanovsky sous licence [SIL Open Font License v1.10](https://www.fontsquirrel.com/license/Montserrat). - **Texte :** [Montserrat](https://fontlibrary.org/en/font/montserrat#Montserrat-Regular) de Julieta Ulanovsky sous licence [SIL Open Font License v1.10](https://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&id=OFL).
- **Code :** [JetBrains Mono](https://www.jetbrains.com/fr-fr/lp/mono/) de JetBrains sous licence [SIL Open Font License v1.1](https://github.com/JetBrains/JetBrainsMono/blob/master/OFL.txt).
- **Logo :** [Mont](https://www.fontfabric.com/fonts/mont/) de Fontfabric Type Foundry sous licence [Fontfabric™️ Free Font EULA ver. 2.0 June 2015](https://www.fontfabric.com/blog/fonts-licensing-the-ins-and-outs-of-legally-using-fonts/). - **Logo :** [Mont](https://www.fontfabric.com/fonts/mont/) de Fontfabric Type Foundry sous licence [Fontfabric™️ Free Font EULA ver. 2.0 June 2015](https://www.fontfabric.com/blog/fonts-licensing-the-ins-and-outs-of-legally-using-fonts/).
### Icônes et images ### Icônes et images
......
File added
File added
File added
File added
File added
File added
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment