diff --git a/fonts/bentonsansbook/BentonSansBook.otf b/fonts/bentonsansbook/BentonSansBook.otf
new file mode 100644
index 0000000..a24ba5a
Binary files /dev/null and b/fonts/bentonsansbook/BentonSansBook.otf differ
diff --git a/fonts/larsseitlight/Larsseit-Light.ttf b/fonts/larsseitlight/Larsseit-Light.ttf
new file mode 100644
index 0000000..65ec810
Binary files /dev/null and b/fonts/larsseitlight/Larsseit-Light.ttf differ
diff --git a/fonts/larsseitlight/Larsseit-Light.woff b/fonts/larsseitlight/Larsseit-Light.woff
new file mode 100644
index 0000000..9018ad1
Binary files /dev/null and b/fonts/larsseitlight/Larsseit-Light.woff differ
diff --git a/fonts/larsseitlight/Larsseit-Light.woff2 b/fonts/larsseitlight/Larsseit-Light.woff2
new file mode 100644
index 0000000..bed49e8
Binary files /dev/null and b/fonts/larsseitlight/Larsseit-Light.woff2 differ
diff --git a/fonts/larsseitlight/style.css b/fonts/larsseitlight/style.css
new file mode 100644
index 0000000..486513b
--- /dev/null
+++ b/fonts/larsseitlight/style.css
@@ -0,0 +1,9 @@
+@font-face {
+ font-family: 'Larsseit';
+ src: local('Larsseit Light'), local('Larsseit-Light'),
+ url('Larsseit-Light.woff2') format('woff2'),
+ url('Larsseit-Light.woff') format('woff'),
+ url('Larsseit-Light.ttf') format('truetype');
+ font-weight: 300;
+ font-style: normal;
+ }
\ No newline at end of file
diff --git a/fr/actualites.html b/fr/actualites.html
index cecece8..c3fd704 100644
--- a/fr/actualites.html
+++ b/fr/actualites.html
@@ -10,6 +10,7 @@
+
diff --git a/fr/lettres.html b/fr/lettres.html
index d3b3017..a0dcbd2 100644
--- a/fr/lettres.html
+++ b/fr/lettres.html
@@ -10,6 +10,7 @@
+
diff --git a/fr/lettres/lettres_2021.html b/fr/lettres/lettres_2021.html
index dadb613..2bf8706 100644
--- a/fr/lettres/lettres_2021.html
+++ b/fr/lettres/lettres_2021.html
@@ -10,6 +10,7 @@
+
diff --git a/fr/litterall.html b/fr/litterall.html
index ece98d2..e71a30c 100644
--- a/fr/litterall.html
+++ b/fr/litterall.html
@@ -10,6 +10,7 @@
+
diff --git a/fr/script.js b/fr/script.js
index 792372d..7d37843 100644
--- a/fr/script.js
+++ b/fr/script.js
@@ -1,6 +1,46 @@
-let nav = document.getElementsByClassName("nav_left");
-let anchor = document.createElement("a");
-anchor.innerHTML = "test";
-/*
-nav[0].appendChild(anchor);
-*/
+
+fonts();
+
+function fonts()
+{
+ let url = window.location.href.match(/\#.*/);
+
+ if (url == "#fonts")
+ {
+ // go to the div "nav"
+ let nav = document.getElementsByClassName("nav_left");
+
+ // add an anchor
+ let anchor = document.createElement("a");
+ anchor.setAttribute('id', "fonts");
+ anchor.innerHTML = `
+ fonts
+
+
+
+
+
+
+
+
+
+
+ `;
+ nav[0].appendChild(anchor);
+ }
+}
+
+function change_font()
+{
+ let name = event.target.textContent.split(' ')[0];
+ console.log(name);
+ document.documentElement.style.cssText = "--font-texts: " + name;
+ /*
+ let content = getComputedStyle(document.documentElement).getPropertyValue('font-family');
+ let content = getComputedStyle(document.documentElement).getPropertyValue('@font-face');
+ let content = Array.from(document.styleSheets);
+ console.log(content);
+ */
+}
+
+
diff --git a/styles/fonts.css b/styles/fonts.css
index ccd6da9..d7d6699 100644
--- a/styles/fonts.css
+++ b/styles/fonts.css
@@ -19,37 +19,6 @@
url('../fonts/louisgeorge/louis_george_cafe.woff') format('woff');
url('../fonts/louisgeorge/louis_george_cafe.ttf') format('truetype');
}
-@font-face {
- font-family: 'louisgeorge_bold';
- src: url('../fonts/louisgeorge/louis_george_cafe_bold.woff2') format('woff2'),
- url('../fonts/louisgeorge/louis_george_cafe_bold.woff') format('woff');
- url('../fonts/louisgeorge/louis_george_cafe_bold.ttf') format('truetype');
-}
-@font-face {
- font-family: 'louisgeorge_bolditalic';
- src: url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff2') format('woff2'),
- url('../fonts/louisgeorge/louis_george_cafe_bold_italic.woff') format('woff');
- url('../fonts/louisgeorge/louis_george_cafe_bold_italic.ttf') format('truetype');
-}
-@font-face {
- font-family: 'louisgeorge_italic';
- src: url('../fonts/louisgeorge/louis_george_cafe_italic.woff2') format('woff2'),
- url('../fonts/louisgeorge/louis_george_cafe_italic.woff') format('woff');
- url('../fonts/louisgeorge/louis_george_cafe_italic.ttf') format('truetype');
-}
-@font-face {
- font-family: 'louisgeorge_light';
- src: url('../fonts/louisgeorge/louis_george_cafe_light.woff2') format('woff2'),
- url('../fonts/louisgeorge/louis_george_cafe_light.woff') format('woff');
- url('../fonts/louisgeorge/louis_george_cafe_light.ttf') format('truetype');
-}
-@font-face {
- font-family: 'louisgeorge_lightitalic';
- src: url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff2') format('woff2'),
- url('../fonts/louisgeorge/louis_george_cafe_light_italic.woff') format('woff');
- url('../fonts/louisgeorge/louis_george_cafe_light_italic.ttf') format('truetype');
-}
-
/*test fonts*/
@@ -65,6 +34,14 @@
font-family: 'tgalcefun';
src: url('../fonts/tgalcefun/TG_Alcefun.ttf') format('truetype');
}
+@font-face {
+ font-family: 'bentonsansbook';
+ src: url('../fonts/bentonsansbook/BentonSansBook.otf') format('opentype');
+}
+@font-face {
+ font-family: 'larsseitlight';
+ src: url('../fonts/larsseitlight/Larsseit-Light.ttf') format('truetype');
+}
diff --git a/styles/global.css b/styles/global.css
index dccc773..9a5ac4e 100644
--- a/styles/global.css
+++ b/styles/global.css
@@ -45,7 +45,6 @@
--font-titles: 'paradroid';
--font-texts: 'louisgeorge';
--font-fallback: 'cabrion';
- --font-fallback2: 'ptroot';
/* colors texts */
@@ -61,3 +60,4 @@
--footer-height: 150px;
}
+
diff --git a/styles/skeleton.css b/styles/skeleton.css
index f523b34..fde7192 100644
--- a/styles/skeleton.css
+++ b/styles/skeleton.css
@@ -80,3 +80,31 @@ footer iframe {
}
+
+
+/*- - - - - - - - - - - - - - - - - - - - -*/
+/* test for fonts */
+/*- - - - - - - - - - - - - - - - - - - - -*/
+
+.nav_left #fonts {
+ flex-direction: column;
+ position: relative;
+}
+
+.nav_left #fonts:hover #fonts_dropdown {
+ display: flex;
+}
+
+.nav_left #fonts #fonts_dropdown {
+ position: absolute;
+ top: 100%;
+ left: 0px;
+ flex-direction: column;
+ display: none;
+}
+
+.nav_left #fonts #fonts_dropdown button {
+ margin-left: 0px;
+}
+
+
diff --git a/styles/text.css b/styles/text.css
index 19a0847..b5d00f2 100644
--- a/styles/text.css
+++ b/styles/text.css
@@ -5,7 +5,7 @@ h1, h2, h3, h4, h5, h6, em {
font-family: var(--font-titles), var(--font-fallback), sans-serif;
}
a, p, li {
- font-family: var(--font-texts), var(--font-fallback), var(--font-fallback2), sans-serif;
+ font-family: var(--font-texts), var(--font-fallback), sans-serif;
}
code {
font-family: monospace;