From 0dfafb81d214936066e74168b3c35c1b0aa2448c Mon Sep 17 00:00:00 2001 From: asus Date: Fri, 17 Nov 2023 18:10:01 +0100 Subject: [PATCH] - made font available on all elements with body and pre - added an example for later better accessibility with pre --- index.html | 21 +++++++++++++++++++++ styles/pre.css | 11 +++++++++++ styles/text.css | 16 +++------------- 3 files changed, 35 insertions(+), 13 deletions(-) create mode 100644 styles/pre.css diff --git a/index.html b/index.html index 983ecb0..629754e 100644 --- a/index.html +++ b/index.html @@ -10,6 +10,7 @@ + @@ -40,6 +41,26 @@ :  57447 U+E067
+ + accessibility pre : https://developer.mozilla.org/en-US/docs/Web/HTML/Element/pre#specifications + +
+ 
+						___________________________
+				< I'm an expert in my field. >
+						---------------------------
+								\   ^__^
+								 \  (oo)\_______
+										(__)\       )\/\
+												||----w |
+												||     ||
+
+
+ A cow saying, "I'm an expert in my field." The cow is illustrated using + preformatted text characters. +
+
+ --> diff --git a/styles/pre.css b/styles/pre.css new file mode 100644 index 0000000..c5ff1de --- /dev/null +++ b/styles/pre.css @@ -0,0 +1,11 @@ +pre { + line-height: 0.8; + font-size: 1.2rem; +} + +@media screen and (max-width: 530px) { + pre { + font-size: 2.2vw; + } +} + diff --git a/styles/text.css b/styles/text.css index e2f6da2..f3ab2c3 100644 --- a/styles/text.css +++ b/styles/text.css @@ -5,18 +5,14 @@ font-weight: normal; font-style: normal; } -h1, h2, h3, h4, h5, h6, p, pre, li { +/* +*/ +body, pre { font-family: "notomono", monospace; font-size: 1.5rem; font-weight: normal; font-style: normal; } -p, li { -} -pre { - line-height: 0.8; - font-size: 1.2rem; -} ul { /* */ @@ -29,9 +25,3 @@ li { li::marker { font-size: 1.2rem; } - -@media screen and (max-width: 530px) { - pre { - font-size: 2.2vw; - } -}