jeena/en.javascript.info
1
0
Fork 0
Code Issues Pull requests Projects Packages Wiki Activity Actions

Embed font to SVG

Browse source
This commit is contained in:
Ilya Kantor 2019-08-11 14:17:38 +03:00
parent 1310171dd7
commit 4d44df6a3a
226 changed files with 225 additions and 11893 deletions
Download patch file Download diff file Expand all files Collapse all files

42
1-js/04-object-basics/01-object/object.svg
View file

@ -1,41 +1 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="176px" height="183px" viewBox="0 0 176 183" 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>object.svg</title>
<desc>Created with sketchtool.</desc>
<g id="combined" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="object.svg">
<rect fill="#FFFFFF" x="0" y="0" width="176" height="183"></rect>
<path d="M36.9367499,113 L20.2700832,133 L150.729917,133 L134.06325,113 L36.9367499,113 Z" id="Rectangle-4-Copy" stroke="#D1C4B1" stroke-width="4" fill="#D1C4B1" opacity="0.5"></path>
<g id="Group-2" transform="translate(33.000000, 6.000000)">
<g id="Group">
<rect id="Rectangle-7" fill="#FFFFFF" x="0" y="0" width="32" height="124"></rect>
<path d="M0,0 L32,0 L32,124 L0,124 L0,0 Z M16.5,115 C20.6421356,115 24,111.642136 24,107.5 C24,103.357864 20.6421356,100 16.5,100 C12.3578644,100 9,103.357864 9,107.5 C9,111.642136 12.3578644,115 16.5,115 Z M4,5 L4,92 L28,92 L28,5 L4,5 Z" id="Combined-Shape" fill="#E8C48F"></path>
</g>
<text id="key1" transform="translate(15.500000, 47.500000) rotate(-90.000000) translate(-15.500000, -47.500000) " font-family="PTMono-Bold, PT Mono" font-size="16" font-weight="bold" fill="#EE6B47">
<tspan x="-3.7" y="52.5">key1</tspan>
</text>
</g>
<g id="Group-2-Copy" transform="translate(70.000000, 6.000000)">
<g id="Group">
<rect id="Rectangle-7" fill="#FFFFFF" x="0" y="0" width="32" height="124"></rect>
<path d="M0,0 L32,0 L32,124 L0,124 L0,0 Z M16.5,115 C20.6421356,115 24,111.642136 24,107.5 C24,103.357864 20.6421356,100 16.5,100 C12.3578644,100 9,103.357864 9,107.5 C9,111.642136 12.3578644,115 16.5,115 Z M4,5 L4,92 L28,92 L28,5 L4,5 Z" id="Combined-Shape" fill="#E8C48F"></path>
</g>
<text id="key2" transform="translate(15.500000, 47.500000) rotate(-90.000000) translate(-15.500000, -47.500000) " font-family="PTMono-Bold, PT Mono" font-size="16" font-weight="bold" fill="#EE6B47">
<tspan x="-3.7" y="52.5">key2</tspan>
</text>
</g>
<g id="Group-2-Copy-2" transform="translate(107.000000, 6.000000)">
<g id="Group">
<rect id="Rectangle-7" fill="#FFFFFF" x="0" y="0" width="32" height="124"></rect>
<path d="M0,0 L32,0 L32,124 L0,124 L0,0 Z M16.5,115 C20.6421356,115 24,111.642136 24,107.5 C24,103.357864 20.6421356,100 16.5,100 C12.3578644,100 9,103.357864 9,107.5 C9,111.642136 12.3578644,115 16.5,115 Z M4,5 L4,92 L28,92 L28,5 L4,5 Z" id="Combined-Shape" fill="#E8C48F"></path>
</g>
<text id="key3" transform="translate(15.500000, 47.500000) rotate(-90.000000) translate(-15.500000, -47.500000) " font-family="PTMono-Bold, PT Mono" font-size="16" font-weight="bold" fill="#EE6B47">
<tspan x="-3.7" y="52.5">key3</tspan>
</text>
</g>
<rect id="Rectangle-4" stroke="#BCA68E" stroke-width="4" fill="#FFF9EB" x="18" y="127" width="135" height="50"></rect>
<rect id="Rectangle-8" stroke="#BCA68E" stroke-width="3" x="73.5" y="147.5" width="25" height="10"></rect>
</g>
</g>
</svg>
<svg xmlns="http://www.w3.org/2000/svg" width="176" height="183" viewBox="0 0 176 183"><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="combined" fill="none" fill-rule="evenodd" stroke="none" stroke-width="1"><g id="object.svg"><path fill="#FFF" d="M0 0h176v183H0z"/><path id="Rectangle-4-Copy" fill="#D1C4B1" stroke="#D1C4B1" stroke-width="4" d="M36.937 113L20.27 133h130.46l-16.667-20H36.937z" opacity=".5"/><g id="Group-2" transform="translate(33 6)"><g id="Group"><path id="Rectangle-7" fill="#FFF" d="M0 0h32v124H0z"/><path id="Combined-Shape" fill="#E8C48F" d="M0 0h32v124H0V0zm16.5 115a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM4 5v87h24V5H4z"/></g><text id="key1" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="16" font-weight="bold" transform="rotate(-90 15.5 47.5)"><tspan x="-3.7" y="52.5">key1</tspan></text></g><g id="Group-2-Copy" transform="translate(70 6)"><g id="Group"><path id="Rectangle-7" fill="#FFF" d="M0 0h32v124H0z"/><path id="Combined-Shape" fill="#E8C48F" d="M0 0h32v124H0V0zm16.5 115a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM4 5v87h24V5H4z"/></g><text id="key2" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="16" font-weight="bold" transform="rotate(-90 15.5 47.5)"><tspan x="-3.7" y="52.5">key2</tspan></text></g><g id="Group-2-Copy-2" transform="translate(107 6)"><g id="Group"><path id="Rectangle-7" fill="#FFF" d="M0 0h32v124H0z"/><path id="Combined-Shape" fill="#E8C48F" d="M0 0h32v124H0V0zm16.5 115a7.5 7.5 0 100-15 7.5 7.5 0 000 15zM4 5v87h24V5H4z"/></g><text id="key3" fill="#EE6B47" font-family="PTMono-Bold, PT Mono" font-size="16" font-weight="bold" transform="rotate(-90 15.5 47.5)"><tspan x="-3.7" y="52.5">key3</tspan></text></g><path id="Rectangle-4" fill="#FFF9EB" stroke="#BCA68E" stroke-width="4" d="M18 127h135v50H18z"/><path id="Rectangle-8" stroke="#BCA68E" stroke-width="3" d="M73.5 147.5h25v10h-25z"/></g></g></svg>
Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 3.5 KiB

After

Width:  |  Height:  |  Size: 2.3 KiB

Before After
Before After