Embed font to SVG

1-js/11-async/02-promise-basics/promise-reject-1.svg

@@ -1,27 +1 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<svg width="535px" height="106px" viewBox="0 0 535 106" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
-    <!-- Generator: sketchtool 55.2 (78181) - https://sketchapp.com -->
-    <title>promise-reject-1.svg</title>
-    <desc>Created with sketchtool.</desc>
-    <g id="promise" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
-        <g id="promise-reject-1.svg">
-            <path d="M9,34 L9,92 L184,92 L184,34 L9,34 Z" id="Rectangle-1" stroke="#E8C48E" stroke-width="2" fill="#FFF9EB"></path>
-            <text id="new-Promise(executor" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#707175">
-                <tspan x="10" y="22">new Promise(executor)</tspan>
-            </text>
-            <text id="state:-&quot;pending&quot;-res" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#8A704D">
-                <tspan x="21" y="54">state:   "pending"</tspan>
-                <tspan x="21" y="74">result:  undefined</tspan>
-            </text>
-            <text id="reject(error)" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" fill="#EE6B47">
-                <tspan x="212.4" y="49">reject(error)</tspan>
-            </text>
-            <rect id="Rectangle-1-Copy-3" stroke="#C74A6C" stroke-width="2" fill="#FCDFE1" x="353" y="34" width="175" height="58"></rect>
-            <text id="state:-&quot;rejected&quot;-re" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal" line-spacing="20" fill="#727155">
-                <tspan x="368" y="55">state:  "rejected"</tspan>
-                <tspan x="368" y="75">result: error</tspan>
-            </text>
-            <path id="Line-Copy" d="M329,61 L196,61 L196,59 L329,59 L329,53 L343,60 L329,67 L329,61 Z" fill="#EE6B47" fill-rule="nonzero"></path>
-        </g>
-    </g>
-</svg>
+<svg xmlns="http://www.w3.org/2000/svg" width="535" height="106" viewBox="0 0 535 106"><defs><style>@import url(https://fonts.googleapis.com/css?family=Open+Sans:bold,italic,bolditalic%7CPT+Mono);@font-face{font-family:&apos;PT Mono&apos;;font-weight:700;font-style:normal;src:local(&apos;PT MonoBold&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff2) format(&apos;woff2&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.woff) format(&apos;woff&apos;),url(/pack/modules/styles/blocks/font/PTMonoBold.ttf) format(&apos;truetype&apos;)}</style></defs><g id="promise" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="promise-reject-1.svg"><path id="Rectangle-1" fill="#FFF9EB" stroke="#E8C48E" stroke-width="2" d="M9 34v58h175V34H9z"/><text id="new-Promise(executor" fill="#707175" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="10" y="22">new Promise(executor)</tspan></text><text id="state:-&quot;pending&quot;-res" fill="#8A704D" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="21" y="54">state: &quot;pending&quot;</tspan> <tspan x="21" y="74">result: undefined</tspan></text><text id="reject(error)" fill="#EE6B47" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="212.4" y="49">reject(error)</tspan></text><path id="Rectangle-1-Copy-3" fill="#FCDFE1" stroke="#C74A6C" stroke-width="2" d="M353 34h175v58H353z"/><text id="state:-&quot;rejected&quot;-re" fill="#727155" font-family="PTMono-Regular, PT Mono" font-size="14" font-weight="normal"><tspan x="368" y="55">state: &quot;rejected&quot;</tspan> <tspan x="368" y="75">result: error</tspan></text><path id="Line-Copy" fill="#EE6B47" fill-rule="nonzero" d="M329 61H196v-2h133v-6l14 7-14 7v-6z"/></g></g></svg>