diff --git a/static/css/theme-coko/main.css b/static/css/theme-coko/main.css index 0913f93e158b10565aef3545b5670116601c3342..e0a21120861857eaadcd7e5978baebe6dd0026e2 100644 --- a/static/css/theme-coko/main.css +++ b/static/css/theme-coko/main.css @@ -623,7 +623,9 @@ footer section.infos a:hover { grid-column-end: span 4; } } - +.article-single .post-content { + font-family: "SourceSerif"; +} .article-single main .post-content * { border-left: 0; grid-column: 2/5; @@ -632,3 +634,10 @@ footer section.infos a:hover { text-align: center; font-style: italic; } +.article-single .post-content { + font-size: 1.2em; + font-weight: 300; +} +.article-single .post-content p { + font-weight: 300; +} diff --git a/static/css/theme-coko/theme.css b/static/css/theme-coko/theme.css index d79b771a80a0fe26c1e734c457220675e66935eb..851e4094fd75e2ba41a4ac703c36bdd2695a655b 100644 --- a/static/css/theme-coko/theme.css +++ b/static/css/theme-coko/theme.css @@ -1,74 +1,81 @@ - :root { - --font-body: "Cabin"; - --font-title: "Montserrat"; - --font-interface: "Cabin"; + --font-body: "Cabin"; + --font-title: "Montserrat"; + --font-interface: "Cabin"; + + --color-background: #efefef; + --color-body: #222222; + --color-gris: rgba(39, 39, 39, 1); + + --color-primary: rgba(33, 177, 172, 1); + --color-secondary: rgba(224, 56, 122, 1); + --color-secondary-fade: rgba(224, 56, 122, 0.05); + --color-trois: rgba(124, 64, 151, 1); - --color-background: #efefef; - --color-body: #222222; - --color-gris: rgba(39, 39, 39, 1); + --font-size: 1.05em; + --line-height: 20px; +} - --color-primary: rgba(33, 177, 172, 1); - --color-secondary: rgba(224, 56, 122, 1); - --color-secondary-fade: rgba(224, 56, 122, 0.05); - --color-trois: rgba(124, 64, 151, 1); +@font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-Regular.ttf") format("truetype"); + font-style: normal; + font-weight: 400; +} +@font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-Regular.ttf") format("truetype"); + font-style: italic; + font-weight: 400; +} +@font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-Light.ttf") format("truetype"); + font-style: normal; + font-weight: 300; +} +@font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-LightItalic.ttf") format("truetype"); + font-style: italic; + font-weight: 300; +} +@font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-SemiBold.ttf") format("truetype"); + font-style: normal; + font-weight: 600; +} +@font-face { + font-family: "Montserrat"; + src: url("/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"); + font-style: italic; + font-weight: 600; +} +@font-face { + font-family: "Cabin"; + src: url("/fonts/Cabin-VariableFont_wdth,wght.ttf") format("truetype"); + font-style: normal; + font-weight: 400 700; +} +@font-face { + font-family: "Cabin"; + src: url("/fonts/Cabin-Italic-VariableFont_wdth,wght.ttf") format("truetype"); + font-style: italic; + font-weight: 400 700; +} - --font-size: 1.05em; - --line-height: 20px; - } +@font-face { + font-family: "SourceSerif"; + src: url("/fonts/SourceSerif4-Italic-VariableFont_opsz,wght.ttf") + format("truetype"); + font-style: italic; + font-weight: 300 700; +} +@font-face { + font-family: "SourceSerif"; + src: url("/fonts/SourceSerif4-VariableFont_opsz,wght.ttf") format("truetype"); + font-style: normal; + font-weight: 300 900; +} - @font-face { - font-family: "Montserrat"; - src: - url("/fonts/Montserrat-Regular.ttf") format("truetype"); - font-style: normal; - font-weight: 400; - } - @font-face { - font-family: "Montserrat"; - src: - url("/fonts/Montserrat-Regular.ttf") format("truetype"); - font-style: italic; - font-weight: 400; - } - @font-face { - font-family: "Montserrat"; - src: - url("/fonts/Montserrat-Light.ttf") format("truetype"); - font-style: normal; - font-weight: 300; - } - @font-face { - font-family: "Montserrat"; - src: - url("/fonts/Montserrat-LightItalic.ttf") format("truetype"); - font-style: italic; - font-weight: 300; - } - @font-face { - font-family: "Montserrat"; - src: - url("/fonts/Montserrat-SemiBold.ttf") format("truetype"); - font-style: normal; - font-weight: 600; - } - @font-face { - font-family: "Montserrat"; - src: - url("/fonts/Montserrat-SemiBoldItalic.ttf") format("truetype"); - font-style: italic; - font-weight: 600; - } - @font-face { - font-family: "Cabin"; - src: - url("/fonts/Cabin-VariableFont_wdth,wght.ttf") format("truetype"); - font-style: normal; - font-weight: 400 700; - } - @font-face { - font-family: "Cabin"; - src: url("/fonts/Cabin-Italic-VariableFont_wdth,wght.ttf") format("truetype"); - font-style: italic; - font-weight: 400 700; - } \ No newline at end of file diff --git a/static/fonts/SourceSans3-Italic-VariableFont_wght.ttf b/static/fonts/SourceSans3-Italic-VariableFont_wght.ttf new file mode 100644 index 0000000000000000000000000000000000000000..a7c0ca59fee57af89270115f4ee4ac0efa182c71 Binary files /dev/null and b/static/fonts/SourceSans3-Italic-VariableFont_wght.ttf differ diff --git a/static/fonts/SourceSans3-VariableFont_wght.ttf b/static/fonts/SourceSans3-VariableFont_wght.ttf new file mode 100644 index 0000000000000000000000000000000000000000..df09829882c4da52486c22c3571f6f38b1978ed0 Binary files /dev/null and b/static/fonts/SourceSans3-VariableFont_wght.ttf differ diff --git a/static/fonts/SourceSerif4-Italic-VariableFont_opsz,wght.ttf b/static/fonts/SourceSerif4-Italic-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000000000000000000000000000000000000..b2ee0d435ecf519f67f5ed6f4f747b77fe248fc6 Binary files /dev/null and b/static/fonts/SourceSerif4-Italic-VariableFont_opsz,wght.ttf differ diff --git a/static/fonts/SourceSerif4-VariableFont_opsz,wght.ttf b/static/fonts/SourceSerif4-VariableFont_opsz,wght.ttf new file mode 100644 index 0000000000000000000000000000000000000000..77fcfdf08d15b3788638723ed36d0978dd937418 Binary files /dev/null and b/static/fonts/SourceSerif4-VariableFont_opsz,wght.ttf differ