commit 06ad36572abe00cab840be62e174f4a0d514cc30
parent 04ca36a5415467bd1d4eb34ecd5af8fad6159ea0
Author: Beau <cbeauhilton@gmail.com>
Date: Fri, 22 Apr 2022 11:00:53 -0500
h2 sizing, split fonts to own css file
Diffstat:
| A | fonts.css | | | 95 | +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ |
| M | style.css | | | 97 | +++---------------------------------------------------------------------------- |
2 files changed, 98 insertions(+), 94 deletions(-)
diff --git a/fonts.css b/fonts.css
@@ -0,0 +1,95 @@
+
+/* ibm-plex-mono-regular - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Mono';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Mono'), local('IBMPlexMono'),
+ url('../fonts/ibm-plex-mono-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-mono-v5-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* ibm-plex-mono-italic - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Mono';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
+ url('../fonts/ibm-plex-mono-v5-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-mono-v5-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* ibm-plex-mono-600 - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Mono';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
+ url('../fonts/ibm-plex-mono-v5-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-mono-v5-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
+/* ibm-plex-sans-regular - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Sans';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans'), local('IBMPlexSans'),
+ url('../fonts/ibm-plex-sans-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-sans-v7-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* ibm-plex-sans-italic - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Sans';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
+ url('../fonts/ibm-plex-sans-v7-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-sans-v7-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* ibm-plex-sans-600 - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Sans';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
+ url('../fonts/ibm-plex-sans-v7-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-sans-v7-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* ibm-plex-serif-regular - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Serif';
+ font-style: normal;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Serif'), local('IBMPlexSerif'),
+ url('../fonts/ibm-plex-serif-v8-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-serif-v8-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* ibm-plex-serif-italic - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Serif';
+ font-style: italic;
+ font-weight: 400;
+ font-display: swap;
+ src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
+ url('../fonts/ibm-plex-serif-v8-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-serif-v8-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+/* ibm-plex-serif-600 - latin-ext_latin */
+@font-face {
+ font-family: 'IBM Plex Serif';
+ font-style: normal;
+ font-weight: 600;
+ font-display: swap;
+ src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
+ url('../fonts/ibm-plex-serif-v8-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
+ url('../fonts/ibm-plex-serif-v8-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
+}
+
diff --git a/style.css b/style.css
@@ -1,97 +1,5 @@
-/* ibm-plex-mono-regular - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Mono';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: local('IBM Plex Mono'), local('IBMPlexMono'),
- url('../fonts/ibm-plex-mono-v5-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-mono-v5-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* ibm-plex-mono-italic - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Mono';
- font-style: italic;
- font-weight: 400;
- font-display: swap;
- src: local('IBM Plex Mono Italic'), local('IBMPlexMono-Italic'),
- url('../fonts/ibm-plex-mono-v5-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-mono-v5-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* ibm-plex-mono-600 - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Mono';
- font-style: normal;
- font-weight: 600;
- font-display: swap;
- src: local('IBM Plex Mono SemiBold'), local('IBMPlexMono-SemiBold'),
- url('../fonts/ibm-plex-mono-v5-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-mono-v5-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-
-/* ibm-plex-sans-regular - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: local('IBM Plex Sans'), local('IBMPlexSans'),
- url('../fonts/ibm-plex-sans-v7-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-sans-v7-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* ibm-plex-sans-italic - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Sans';
- font-style: italic;
- font-weight: 400;
- font-display: swap;
- src: local('IBM Plex Sans Italic'), local('IBMPlexSans-Italic'),
- url('../fonts/ibm-plex-sans-v7-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-sans-v7-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* ibm-plex-sans-600 - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Sans';
- font-style: normal;
- font-weight: 600;
- font-display: swap;
- src: local('IBM Plex Sans SemiBold'), local('IBMPlexSans-SemiBold'),
- url('../fonts/ibm-plex-sans-v7-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-sans-v7-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* ibm-plex-serif-regular - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Serif';
- font-style: normal;
- font-weight: 400;
- font-display: swap;
- src: local('IBM Plex Serif'), local('IBMPlexSerif'),
- url('../fonts/ibm-plex-serif-v8-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-serif-v8-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* ibm-plex-serif-italic - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Serif';
- font-style: italic;
- font-weight: 400;
- font-display: swap;
- src: local('IBM Plex Serif Italic'), local('IBMPlexSerif-Italic'),
- url('../fonts/ibm-plex-serif-v8-latin-ext_latin-italic.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-serif-v8-latin-ext_latin-italic.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
-/* ibm-plex-serif-600 - latin-ext_latin */
-@font-face {
- font-family: 'IBM Plex Serif';
- font-style: normal;
- font-weight: 600;
- font-display: swap;
- src: local('IBM Plex Serif SemiBold'), local('IBMPlexSerif-SemiBold'),
- url('../fonts/ibm-plex-serif-v8-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
- url('../fonts/ibm-plex-serif-v8-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
-}
+@import "fonts.css";
body {
max-width:40em;
@@ -155,7 +63,8 @@ section#masthead h1 a:visited{
h2,h3{
margin-top:2em;
- font-size:calc(1.5em + 2vw)
+ font-size:calc(1.5em + 2vw);
+ line-height:calc(1.5em + 1vw)
}
@media screen and (max-width: 440px){
