Issue #2943657 by pawandubey, Shiva Srikanth T, markconroy, ckrina, alexpott,...

Issue #2943657 by pawandubey, Shiva Srikanth T, markconroy, ckrina, alexpott, finnsky, vadim.hirbu, Utkarsh_Mishra, ressa, lauriii, kjay, borisson_: Embedding only needed weights for Open Sans and Scope One

core/profiles/demo_umami/themes/umami/css/base.css

@@ -39,6 +39,15 @@ body {
   margin: 0;
 }
 
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-weight: 400;
+}
+
 blockquote {
   background: #f4f2e9;
   margin: 0 0 1.28rem;
@@ -65,7 +74,6 @@ blockquote > * {
   color: #000;
   font-family: "Scope One", Georgia, serif;
   font-size: 1.266rem;
-  font-weight: 400;
   line-height: 1.5;
 }
 blockquote a {
@@ -93,7 +101,6 @@ button,
   text-decoration: none;
   font-family: "Scope One", Georgia, serif;
   font-size: 1.2rem;
-  font-weight: 400;
   transition: background-color 0.5s ease;
   min-width: inherit;
   max-width: inherit;
@@ -126,7 +133,6 @@ button[disabled],
 h1 {
   font-family: "Scope One", Georgia, serif;
   font-size: 1.424rem; /* +3 based on 1.125 modular scale (major second) */
-  font-weight: 400;
   line-height: 1.2;
   margin: 0 0 1.07rem 0;
 }
@@ -140,7 +146,6 @@ h1 {
 h2 {
   font-family: "Scope One", Georgia, serif;
   font-size: 1.266rem;  /* +2 based on 1.125 modular scale (major second) */
-  font-weight: 400;
   line-height: 1.2;
   margin: 0 0 0.7rem 0;
 }
@@ -154,7 +159,6 @@ h2 {
 h3 {
   font-family: "Scope One", Georgia, serif;
   font-size: 1.125rem;/* +1 based on 1.125 modular scale (major second) */
-  font-weight: 400;
   line-height: 1.2;
   margin: 0 0 0.96rem 0;
 }
@@ -168,7 +172,6 @@ h3 {
 h4 {
   font-family: "Scope One", Georgia, serif;
   font-size: 1rem;
-  font-weight: 400;
   line-height: 1.2;
   margin: 0 0 1.28rem 0;
 }
@@ -182,7 +185,6 @@ h4 {
 h5 {
   font-family: "Scope One", Georgia, serif;
   font-size: 0.889rem; /* -1 based on 1.125 modular scale (major second) */
-  font-weight: 700;
   line-height: 1.2;
   margin: 0 0 1.28rem 0;
 }
@@ -190,14 +192,12 @@ h5 {
 @media screen and (min-width: 60rem) { /* 960px */
   h5 {
     font-size: 1.25rem;
-    font-weight: 400;
   }
 }
 
 h6 {
   font-family: "Scope One", Georgia, serif;
   font-size: 0.79rem; /* -1 based on 1.125 modular scale (major second) */
-  font-weight: 700;
   line-height: 1.2;
   margin: 0 0 1.28rem 0;
 }
@@ -205,7 +205,6 @@ h6 {
 @media screen and (min-width: 60rem) { /* 960px */
   h6 {
     font-size: 1rem;
-    font-weight: 400;
   }
 }
 

core/profiles/demo_umami/themes/umami/umami.info.yml

@@ -7,7 +7,8 @@ core: 8.x
 libraries:
   - umami/global
   - umami/messages
-  - umami/webfonts
+  - umami/webfonts-open-sans
+  - umami/webfonts-scope-one
 
 libraries-override:
   classy/messages: false

core/profiles/demo_umami/themes/umami/umami.libraries.yml

@@ -71,11 +71,25 @@ two-columns:
     layout:
       css/layout/layout-2-col.css: {}
 
+webfonts-open-sans:
+  remote: https://fonts.google.com
+  license:
+    name: Apache License, Version 2.0
+    url: http://www.apache.org/licenses/LICENSE-2.0
+    gpl-compatible: false
+  css:
+    theme:
+      'https://fonts.googleapis.com/css?family=Open+Sans:400,400i,700,700i': { type: external, minified: true }
 
-webfonts:
+webfonts-scope-one:
+  remote: https://fonts.google.com
+  license:
+    name: SIL Open Font License, Version 1.1
+    url: http://scripts.sil.org/OFL_web
+    gpl-compatible: false
   css:
     theme:
-      'https://fonts.googleapis.com/css?family=Open+Sans|Scope+One': { type: external, minified: true }
+      'https://fonts.googleapis.com/css?family=Scope+One': { type: external, minified: true }
 
 view-mode-card:
   css: