fix: the format of the call to css2 has changed (#258)

* fix: the format of the call to css2 has changed * fix: use correct tuple for italic
viewstools · Jun 17, 2021 · 3f88049 · 3f88049
1 parent b33c431
commit 3f88049
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/morph/react-dom/morph-font.js b/morph/react-dom/morph-font.js
@@ -5,8 +5,10 @@ export default (font, sources) => {
 
   if (isGoogleFont(font.family)) {
     let family = font.family.replace(/\s/g, '+')
-    let style = font.style === 'italic' ? 'i' : ''
-    body = `@import url('https://fonts.googleapis.com/css2?family=${family}:wght@${font.weight}${style}&display=swap');`
+    let style = font.style === 'italic' ? 'ital,' : ''
+    body = `@import url('https://fonts.googleapis.com/css2?family=${family}:${style}wght@${
+      style !== '' ? '1,' : ''
+    }${font.weight}&display=swap');`
   } else {
     body = `@font-face {
     font-display: swap;