For Chromatic preloading fonts: Arabic, Hebrew, Korean, Japanese, and two Chinese (#2443)

* for chromatic preloading arabic, hebrew, koren, japnese, and two chinese

* using myriad hebrew and arabic, only loading woff2, and not loading weight 200 and 600

* Adding details about the three typekit proloading files

Co-authored-by: Robert Snow <[email protected]>
Co-authored-by: Daniel Lu <[email protected]>

Author: 3 people

.chromatic/preview-head.html

@@ -1,24 +1,61 @@
 <link rel="preload" href="https://use.typekit.net/uma8ayv.css" as="style" />
+<link rel="preload" href="https://use.typekit.net/gaa0vrf.css" as="style" />
 
 <link rel="preload" href="https://use.typekit.net/af/cb695f/000000000000000000017701/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/cb695f/000000000000000000017701/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/cb695f/000000000000000000017701/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-
 <link rel="preload" href="https://use.typekit.net/af/74ffb1/000000000000000000017702/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/74ffb1/000000000000000000017702/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/74ffb1/000000000000000000017702/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3" as="font" crossorigin="anonymous" />
-
 <link rel="preload" href="https://use.typekit.net/af/eaf09c/000000000000000000017703/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/eaf09c/000000000000000000017703/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/eaf09c/000000000000000000017703/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-
 <link rel="preload" href="https://use.typekit.net/af/40207f/0000000000000000000176ff/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/40207f/0000000000000000000176ff/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/40207f/0000000000000000000176ff/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-
 <link rel="preload" href="https://use.typekit.net/af/505d17/00000000000000003b9aee44/27/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/505d17/00000000000000003b9aee44/27/d?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
-<link rel="preload" href="https://use.typekit.net/af/505d17/00000000000000003b9aee44/27/a?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
 
+<link rel="preload" href="https://use.typekit.net/af/c0f773/00000000000000007735a2f9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/d1936b/00000000000000007735a2fd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/ad6dbc/00000000000000007735a300/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/43cbed/00000000000000007735a304/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/c16b85/00000000000000007735a309/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n9&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/fcfa44/00000000000000007735a30a/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n7&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/e6598e/00000000000000007735a31b/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=i4&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/26f595/00000000000000007735a313/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n4&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/1a5ddd/00000000000000007735a31d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&fvd=n3&v=3" as="font" crossorigin="anonymous" />
+
+<link rel="preload" href="https://use.typekit.net/af/58594e/00000000000000007735da9d/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/ee22f9/00000000000000007735daa2/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/5e2c92/00000000000000007735daa6/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/be70f0/00000000000000007735daad/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/4bb4cc/00000000000000007735dab5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/3a5e38/00000000000000007735dabb/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/8bc71b/00000000000000007735da9f/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/958a92/00000000000000007735daa7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/b69fc2/00000000000000007735daa4/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/525e16/00000000000000007735daaa/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/f6f0f0/00000000000000007735dab8/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/d5dab5/00000000000000007735dabc/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/1f2b31/00000000000000007735daa0/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/3a3509/00000000000000007735daa1/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/2760b9/00000000000000007735daa3/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/08d057/00000000000000007735daab/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/f87d1c/00000000000000007735dab7/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/e35bab/00000000000000007735dabd/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/04ba54/00000000000000007735daa9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/52f701/00000000000000007735daa5/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/70f4f1/00000000000000007735daae/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/7ad3ce/00000000000000007735daaf/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/838a89/00000000000000007735dab9/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
+<link rel="preload" href="https://use.typekit.net/af/758ab2/00000000000000007735dabe/30/l?primer=7cdcb44be4a7db8877ffa5c0007b8dd865b3bbc383831fe2ea177f62257a9191&v=3" as="font" crossorigin="anonymous" />
 
+<!-- This file loads adobe clean and adobe clean serif. -->
 <link rel="stylesheet" href="https://use.typekit.net/uma8ayv.css" />
+<!-- This file loads myriad-arabic and myriad-hebrew.
+     It was created by Kyle Taborski with fonts that are a part of Creative Cloud provided to all employees. -->
+<link rel="stylesheet" href="https://use.typekit.net/gaa0vrf.css" />
+<!-- This file loads adobe-clean-han-japanese, adobe-clean-han-korean, adobe-clean-han-simplified-c, and adobe-clean-han-traditional.
+     Access to these fonts was provided to a team account. -->
+<script>
+  (function(d) {
+    var config = {
+      kitId: 'bff5xsu',
+      scriptTimeout: 3000,
+      async: true
+    },
+    h=d.documentElement,t=setTimeout(function(){h.className=h.className.replace(/\bwf-loading\b/g,"")+" wf-inactive";},config.scriptTimeout),tk=d.createElement("script"),f=false,s=d.getElementsByTagName("script")[0],a;h.className+=" wf-loading";tk.src='https://use.typekit.net/'+config.kitId+'.js';tk.async=true;tk.onload=tk.onreadystatechange=function(){a=this.readyState;if(f||a&&a!="complete"&&a!="loaded")return;f=true;clearTimeout(t);try{Typekit.load(config)}catch(e){}};s.parentNode.insertBefore(tk,s)
+  })(document);
+</script>