webmaster/crew_admin
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

initial commit

Browse Source
This commit is contained in:
Frank John Begornia
2019-10-29 19:29:28 +08:00
commit d225ff22d4
7623 changed files with 740861 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

584
public/designer/custom-fonts/Beantown/beantown-demo.html Normal file
View File

@@ -0,0 +1,584 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
(function($){$.fn.easyTabs=function(option){var param=jQuery.extend({fadeSpeed:"fast",defaultContent:1,activeClass:'active'},option);$(this).each(function(){var thisId="#"+this.id;if(param.defaultContent==''){param.defaultContent=1;}
if(typeof param.defaultContent=="number")
{var defaultTab=$(thisId+" .tabs li:eq("+(param.defaultContent-1)+") a").attr('href').substr(1);}else{var defaultTab=param.defaultContent;}
$(thisId+" .tabs li a").each(function(){var tabToHide=$(this).attr('href').substr(1);$("#"+tabToHide).addClass('easytabs-tab-content');});hideAll();changeContent(defaultTab);function hideAll(){$(thisId+" .easytabs-tab-content").hide();}
function changeContent(tabId){hideAll();$(thisId+" .tabs li").removeClass(param.activeClass);$(thisId+" .tabs li a[href=#"+tabId+"]").closest('li').addClass(param.activeClass);if(param.fadeSpeed!="none")
{$(thisId+" #"+tabId).fadeIn(param.fadeSpeed);}else{$(thisId+" #"+tabId).show();}}
$(thisId+" .tabs li").click(function(){var tabId=$(this).find('a').attr('href').substr(1);changeContent(tabId);return false;});});}})(jQuery);
</script>
<link rel="stylesheet" href="specimen_files/specimen_stylesheet.css" type="text/css" charset="utf-8" />
<link rel="stylesheet" href="stylesheet.css" type="text/css" charset="utf-8" />
<style type="text/css">
body{
font-family: 'untitledregular';
}
</style>
<title>Beantown Regular Specimen</title>
<script type="text/javascript" charset="utf-8">
$(document).ready(function() {
$('#container').easyTabs({defaultContent:1});
});
</script>
</head>
<body>
<div id="container">
<div id="header">
Beantown Regular </div>
<ul class="tabs">
<li><a href="#specimen">Specimen</a></li>
<li><a href="#layout">Sample Layout</a></li>
<li><a href="#glyphs">Glyphs &amp; Languages</a></li>
<li><a href="#installing">Installing Webfonts</a></li>
</ul>
<div id="main_content">
<div id="specimen">
<div class="section">
<div class="grid12 firstcol">
<div class="huge">AaBb</div>
</div>
</div>
<div class="section">
<div class="glyph_range">A&#x200B;B&#x200b;C&#x200b;D&#x200b;E&#x200b;F&#x200b;G&#x200b;H&#x200b;I&#x200b;J&#x200b;K&#x200b;L&#x200b;M&#x200b;N&#x200b;O&#x200b;P&#x200b;Q&#x200b;R&#x200b;S&#x200b;T&#x200b;U&#x200b;V&#x200b;W&#x200b;X&#x200b;Y&#x200b;Z&#x200b;a&#x200b;b&#x200b;c&#x200b;d&#x200b;e&#x200b;f&#x200b;g&#x200b;h&#x200b;i&#x200b;j&#x200b;k&#x200b;l&#x200b;m&#x200b;n&#x200b;o&#x200b;p&#x200b;q&#x200b;r&#x200b;s&#x200b;t&#x200b;u&#x200b;v&#x200b;w&#x200b;x&#x200b;y&#x200b;z&#x200b;1&#x200b;2&#x200b;3&#x200b;4&#x200b;5&#x200b;6&#x200b;7&#x200b;8&#x200b;9&#x200b;0&#x200b;&amp;&#x200b;.&#x200b;,&#x200b;?&#x200b;!&#x200b;&#64;&#x200b;(&#x200b;)&#x200b;#&#x200b;$&#x200b;%&#x200b;*&#x200b;+&#x200b;-&#x200b;=&#x200b;:&#x200b;;</div>
</div>
<div class="section">
<div class="grid12 firstcol">
<table class="sample_table">
<tr><td>10</td><td class="size10">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>11</td><td class="size11">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>12</td><td class="size12">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>13</td><td class="size13">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>14</td><td class="size14">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>16</td><td class="size16">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>18</td><td class="size18">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>20</td><td class="size20">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>24</td><td class="size24">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>30</td><td class="size30">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>36</td><td class="size36">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>48</td><td class="size48">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>60</td><td class="size60">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>72</td><td class="size72">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
<tr><td>90</td><td class="size90">abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ</td></tr>
</table>
</div>
</div>
<div class="section" id="bodycomparison">
<div id="xheight">
<div class="fontbody">&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;&#x25FC;body</div><div class="arialbody">body</div><div class="verdanabody">body</div><div class="georgiabody">body</div></div>
<div class="fontbody" style="z-index:1">
body<span>Beantown Regular</span>
</div>
<div class="arialbody" style="z-index:1">
body<span>Arial</span>
</div>
<div class="verdanabody" style="z-index:1">
body<span>Verdana</span>
</div>
<div class="georgiabody" style="z-index:1">
body<span>Georgia</span>
</div>
</div>
<div class="section psample psample_row1" id="">
<div class="grid2 firstcol">
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row2" id="">
<div class="grid3 firstcol">
<p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid5">
<p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row3" id="">
<div class="grid5 firstcol">
<p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid7">
<p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row4" id="">
<div class="grid12 firstcol">
<p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="white_blend"></div>
</div>
<div class="section psample psample_row1 fullreverse">
<div class="grid2 firstcol">
<p class="size10"><span>10.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size11"><span>11.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid3">
<p class="size12"><span>12.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size13"><span>13.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
<div class="section psample psample_row2 fullreverse">
<div class="grid3 firstcol">
<p class="size14"><span>14.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid4">
<p class="size16"><span>16.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid5">
<p class="size18"><span>18.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
<div class="section psample fullreverse psample_row3" id="">
<div class="grid5 firstcol">
<p class="size20"><span>20.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="grid7">
<p class="size24"><span>24.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
<div class="section psample fullreverse psample_row4" id="" style="border-bottom: 20px #000 solid;">
<div class="grid12 firstcol">
<p class="size30"><span>30.</span>Aenean lacinia bibendum nulla sed consectetur. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. Nullam id dolor id nibh ultricies vehicula ut id elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nulla vitae elit libero, a pharetra augue.</p>
</div>
<div class="black_blend"></div>
</div>
</div>
<div id="layout">
<div class="section">
<div class="grid12 firstcol">
<h1>Lorem Ipsum Dolor</h1>
<h2>Etiam porta sem malesuada magna mollis euismod</h2>
<p class="byline">By <a href="#link">Aenean Lacinia</a></p>
</div>
</div>
<div class="section">
<div class="grid8 firstcol">
<p class="large">Donec sed odio dui. Morbi leo risus, porta ac consectetur ac, vestibulum at eros. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
<h3>Pellentesque ornare sem</h3>
<p>Maecenas sed diam eget risus varius blandit sit amet non magna. Maecenas faucibus mollis interdum. Donec ullamcorper nulla non metus auctor fringilla. Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam id dolor id nibh ultricies vehicula ut id elit. </p>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. </p>
<p>Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Aenean lacinia bibendum nulla sed consectetur. </p>
<p>Nullam quis risus eget urna mollis ornare vel eu leo. Nullam quis risus eget urna mollis ornare vel eu leo. Maecenas sed diam eget risus varius blandit sit amet non magna. Donec ullamcorper nulla non metus auctor fringilla. </p>
<h3>Cras mattis consectetur</h3>
<p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Aenean lacinia bibendum nulla sed consectetur. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Cras mattis consectetur purus sit amet fermentum. </p>
<p>Nullam id dolor id nibh ultricies vehicula ut id elit. Nullam quis risus eget urna mollis ornare vel eu leo. Cras mattis consectetur purus sit amet fermentum.</p>
</div>
<div class="grid4 sidebar">
<div class="box reverse">
<p class="last">Nullam quis risus eget urna mollis ornare vel eu leo. Donec ullamcorper nulla non metus auctor fringilla. Cras mattis consectetur purus sit amet fermentum. Sed posuere consectetur est at lobortis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. </p>
</div>
<p class="caption">Maecenas sed diam eget risus varius.</p>
<p>Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Vestibulum id ligula porta felis euismod semper. Sed posuere consectetur est at lobortis. Maecenas sed diam eget risus varius blandit sit amet non magna. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
<p>Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Aenean lacinia bibendum nulla sed consectetur. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Aenean lacinia bibendum nulla sed consectetur. Nullam quis risus eget urna mollis ornare vel eu leo. </p>
<p>Praesent commodo cursus magna, vel scelerisque nisl consectetur et. Donec ullamcorper nulla non metus auctor fringilla. Maecenas faucibus mollis interdum. Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus. </p>
</div>
</div>
</div>
<div id="glyphs">
<div class="section">
<div class="grid12 firstcol">
<h1>Language Support</h1>
<p>The subset of Beantown Regular in this kit supports the following languages:<br />
Albanian, Basque, Breton, Chamorro, Danish, Dutch, English, Faroese, Finnish, French, Frisian, Galician, German, Icelandic, Italian, Malagasy, Norwegian, Portuguese, Spanish, Alsatian, Aragonese, Arapaho, Arrernte, Asturian, Aymara, Bislama, Cebuano, Corsican, Fijian, French_creole, Genoese, Gilbertese, Greenlandic, Haitian_creole, Hiligaynon, Hmong, Hopi, Ibanag, Iloko_ilokano, Indonesian, Interglossa_glosa, Interlingua, Irish_gaelic, Jerriais, Lojban, Lombard, Luxembourgeois, Manx, Mohawk, Norfolk_pitcairnese, Occitan, Oromo, Pangasinan, Papiamento, Piedmontese, Potawatomi, Rhaeto-romance, Romansh, Rotokas, Sami_lule, Samoan, Sardinian, Scots_gaelic, Seychelles_creole, Shona, Sicilian, Somali, Southern_ndebele, Swahili, Swati_swazi, Tagalog_filipino_pilipino, Tetum, Tok_pisin, Uyghur_latinized, Volapuk, Walloon, Warlpiri, Xhosa, Yapese, Zulu, Latinbasic, Demo </p>
<h1>Glyph Chart</h1>
<p>The subset of Beantown Regular in this kit includes all the glyphs listed below. Unicode entities are included above each glyph to help you insert individual characters into your layout.</p>
<div id="glyph_chart">
<div><p>&amp;#13;</p>&#13;</div>
<div><p>&amp;#32;</p>&#32;</div>
<div><p>&amp;#33;</p>&#33;</div>
<div><p>&amp;#34;</p>&#34;</div>
<div><p>&amp;#35;</p>&#35;</div>
<div><p>&amp;#36;</p>&#36;</div>
<div><p>&amp;#39;</p>&#39;</div>
<div><p>&amp;#40;</p>&#40;</div>
<div><p>&amp;#41;</p>&#41;</div>
<div><p>&amp;#42;</p>&#42;</div>
<div><p>&amp;#43;</p>&#43;</div>
<div><p>&amp;#44;</p>&#44;</div>
<div><p>&amp;#45;</p>&#45;</div>
<div><p>&amp;#46;</p>&#46;</div>
<div><p>&amp;#47;</p>&#47;</div>
<div><p>&amp;#48;</p>&#48;</div>
<div><p>&amp;#49;</p>&#49;</div>
<div><p>&amp;#50;</p>&#50;</div>
<div><p>&amp;#51;</p>&#51;</div>
<div><p>&amp;#52;</p>&#52;</div>
<div><p>&amp;#53;</p>&#53;</div>
<div><p>&amp;#54;</p>&#54;</div>
<div><p>&amp;#55;</p>&#55;</div>
<div><p>&amp;#56;</p>&#56;</div>
<div><p>&amp;#57;</p>&#57;</div>
<div><p>&amp;#58;</p>&#58;</div>
<div><p>&amp;#59;</p>&#59;</div>
<div><p>&amp;#60;</p>&#60;</div>
<div><p>&amp;#61;</p>&#61;</div>
<div><p>&amp;#62;</p>&#62;</div>
<div><p>&amp;#63;</p>&#63;</div>
<div><p>&amp;#65;</p>&#65;</div>
<div><p>&amp;#66;</p>&#66;</div>
<div><p>&amp;#67;</p>&#67;</div>
<div><p>&amp;#68;</p>&#68;</div>
<div><p>&amp;#69;</p>&#69;</div>
<div><p>&amp;#70;</p>&#70;</div>
<div><p>&amp;#71;</p>&#71;</div>
<div><p>&amp;#72;</p>&#72;</div>
<div><p>&amp;#73;</p>&#73;</div>
<div><p>&amp;#74;</p>&#74;</div>
<div><p>&amp;#75;</p>&#75;</div>
<div><p>&amp;#76;</p>&#76;</div>
<div><p>&amp;#77;</p>&#77;</div>
<div><p>&amp;#78;</p>&#78;</div>
<div><p>&amp;#79;</p>&#79;</div>
<div><p>&amp;#80;</p>&#80;</div>
<div><p>&amp;#81;</p>&#81;</div>
<div><p>&amp;#82;</p>&#82;</div>
<div><p>&amp;#83;</p>&#83;</div>
<div><p>&amp;#84;</p>&#84;</div>
<div><p>&amp;#85;</p>&#85;</div>
<div><p>&amp;#86;</p>&#86;</div>
<div><p>&amp;#87;</p>&#87;</div>
<div><p>&amp;#88;</p>&#88;</div>
<div><p>&amp;#89;</p>&#89;</div>
<div><p>&amp;#90;</p>&#90;</div>
<div><p>&amp;#91;</p>&#91;</div>
<div><p>&amp;#92;</p>&#92;</div>
<div><p>&amp;#93;</p>&#93;</div>
<div><p>&amp;#94;</p>&#94;</div>
<div><p>&amp;#95;</p>&#95;</div>
<div><p>&amp;#96;</p>&#96;</div>
<div><p>&amp;#97;</p>&#97;</div>
<div><p>&amp;#98;</p>&#98;</div>
<div><p>&amp;#99;</p>&#99;</div>
<div><p>&amp;#100;</p>&#100;</div>
<div><p>&amp;#101;</p>&#101;</div>
<div><p>&amp;#102;</p>&#102;</div>
<div><p>&amp;#103;</p>&#103;</div>
<div><p>&amp;#104;</p>&#104;</div>
<div><p>&amp;#105;</p>&#105;</div>
<div><p>&amp;#106;</p>&#106;</div>
<div><p>&amp;#107;</p>&#107;</div>
<div><p>&amp;#108;</p>&#108;</div>
<div><p>&amp;#109;</p>&#109;</div>
<div><p>&amp;#110;</p>&#110;</div>
<div><p>&amp;#111;</p>&#111;</div>
<div><p>&amp;#112;</p>&#112;</div>
<div><p>&amp;#113;</p>&#113;</div>
<div><p>&amp;#114;</p>&#114;</div>
<div><p>&amp;#115;</p>&#115;</div>
<div><p>&amp;#116;</p>&#116;</div>
<div><p>&amp;#117;</p>&#117;</div>
<div><p>&amp;#118;</p>&#118;</div>
<div><p>&amp;#119;</p>&#119;</div>
<div><p>&amp;#120;</p>&#120;</div>
<div><p>&amp;#121;</p>&#121;</div>
<div><p>&amp;#122;</p>&#122;</div>
<div><p>&amp;#124;</p>&#124;</div>
<div><p>&amp;#160;</p>&#160;</div>
<div><p>&amp;#161;</p>&#161;</div>
<div><p>&amp;#162;</p>&#162;</div>
<div><p>&amp;#164;</p>&#164;</div>
<div><p>&amp;#168;</p>&#168;</div>
<div><p>&amp;#173;</p>&#173;</div>
<div><p>&amp;#177;</p>&#177;</div>
<div><p>&amp;#180;</p>&#180;</div>
<div><p>&amp;#184;</p>&#184;</div>
<div><p>&amp;#191;</p>&#191;</div>
<div><p>&amp;#192;</p>&#192;</div>
<div><p>&amp;#193;</p>&#193;</div>
<div><p>&amp;#194;</p>&#194;</div>
<div><p>&amp;#195;</p>&#195;</div>
<div><p>&amp;#196;</p>&#196;</div>
<div><p>&amp;#197;</p>&#197;</div>
<div><p>&amp;#198;</p>&#198;</div>
<div><p>&amp;#199;</p>&#199;</div>
<div><p>&amp;#200;</p>&#200;</div>
<div><p>&amp;#201;</p>&#201;</div>
<div><p>&amp;#202;</p>&#202;</div>
<div><p>&amp;#203;</p>&#203;</div>
<div><p>&amp;#204;</p>&#204;</div>
<div><p>&amp;#205;</p>&#205;</div>
<div><p>&amp;#206;</p>&#206;</div>
<div><p>&amp;#207;</p>&#207;</div>
<div><p>&amp;#208;</p>&#208;</div>
<div><p>&amp;#209;</p>&#209;</div>
<div><p>&amp;#210;</p>&#210;</div>
<div><p>&amp;#211;</p>&#211;</div>
<div><p>&amp;#212;</p>&#212;</div>
<div><p>&amp;#213;</p>&#213;</div>
<div><p>&amp;#214;</p>&#214;</div>
<div><p>&amp;#216;</p>&#216;</div>
<div><p>&amp;#217;</p>&#217;</div>
<div><p>&amp;#218;</p>&#218;</div>
<div><p>&amp;#219;</p>&#219;</div>
<div><p>&amp;#220;</p>&#220;</div>
<div><p>&amp;#221;</p>&#221;</div>
<div><p>&amp;#222;</p>&#222;</div>
<div><p>&amp;#223;</p>&#223;</div>
<div><p>&amp;#224;</p>&#224;</div>
<div><p>&amp;#225;</p>&#225;</div>
<div><p>&amp;#226;</p>&#226;</div>
<div><p>&amp;#227;</p>&#227;</div>
<div><p>&amp;#228;</p>&#228;</div>
<div><p>&amp;#229;</p>&#229;</div>
<div><p>&amp;#230;</p>&#230;</div>
<div><p>&amp;#231;</p>&#231;</div>
<div><p>&amp;#232;</p>&#232;</div>
<div><p>&amp;#233;</p>&#233;</div>
<div><p>&amp;#234;</p>&#234;</div>
<div><p>&amp;#235;</p>&#235;</div>
<div><p>&amp;#236;</p>&#236;</div>
<div><p>&amp;#237;</p>&#237;</div>
<div><p>&amp;#238;</p>&#238;</div>
<div><p>&amp;#239;</p>&#239;</div>
<div><p>&amp;#240;</p>&#240;</div>
<div><p>&amp;#241;</p>&#241;</div>
<div><p>&amp;#242;</p>&#242;</div>
<div><p>&amp;#243;</p>&#243;</div>
<div><p>&amp;#244;</p>&#244;</div>
<div><p>&amp;#245;</p>&#245;</div>
<div><p>&amp;#246;</p>&#246;</div>
<div><p>&amp;#247;</p>&#247;</div>
<div><p>&amp;#248;</p>&#248;</div>
<div><p>&amp;#249;</p>&#249;</div>
<div><p>&amp;#250;</p>&#250;</div>
<div><p>&amp;#251;</p>&#251;</div>
<div><p>&amp;#252;</p>&#252;</div>
<div><p>&amp;#253;</p>&#253;</div>
<div><p>&amp;#254;</p>&#254;</div>
<div><p>&amp;#255;</p>&#255;</div>
<div><p>&amp;#338;</p>&#338;</div>
<div><p>&amp;#339;</p>&#339;</div>
<div><p>&amp;#376;</p>&#376;</div>
<div><p>&amp;#710;</p>&#710;</div>
<div><p>&amp;#732;</p>&#732;</div>
<div><p>&amp;#8192;</p>&#8192;</div>
<div><p>&amp;#8193;</p>&#8193;</div>
<div><p>&amp;#8194;</p>&#8194;</div>
<div><p>&amp;#8195;</p>&#8195;</div>
<div><p>&amp;#8196;</p>&#8196;</div>
<div><p>&amp;#8197;</p>&#8197;</div>
<div><p>&amp;#8198;</p>&#8198;</div>
<div><p>&amp;#8199;</p>&#8199;</div>
<div><p>&amp;#8200;</p>&#8200;</div>
<div><p>&amp;#8201;</p>&#8201;</div>
<div><p>&amp;#8202;</p>&#8202;</div>
<div><p>&amp;#8208;</p>&#8208;</div>
<div><p>&amp;#8209;</p>&#8209;</div>
<div><p>&amp;#8210;</p>&#8210;</div>
<div><p>&amp;#8211;</p>&#8211;</div>
<div><p>&amp;#8212;</p>&#8212;</div>
<div><p>&amp;#8216;</p>&#8216;</div>
<div><p>&amp;#8217;</p>&#8217;</div>
<div><p>&amp;#8218;</p>&#8218;</div>
<div><p>&amp;#8220;</p>&#8220;</div>
<div><p>&amp;#8221;</p>&#8221;</div>
<div><p>&amp;#8226;</p>&#8226;</div>
<div><p>&amp;#8239;</p>&#8239;</div>
<div><p>&amp;#8287;</p>&#8287;</div>
<div><p>&amp;#8364;</p>&#8364;</div>
<div><p>&amp;#9724;</p>&#9724;</div>
</div>
</div>
</div>
</div>
<div id="specs">
</div>
<div id="installing">
<div class="section">
<div class="grid7 firstcol">
<h1>Installing Webfonts</h1>
<p>Webfonts are supported by all major browser platforms but not all in the same way. There are currently four different font formats that must be included in order to target all browsers. This includes TTF, WOFF, EOT and SVG.</p>
<h2>1. Upload your webfonts</h2>
<p>You must upload your webfont kit to your website. They should be in or near the same directory as your CSS files.</p>
<h2>2. Include the webfont stylesheet</h2>
<p>A special CSS @font-face declaration helps the various browsers select the appropriate font it needs without causing you a bunch of headaches. Learn more about this syntax by reading the <a href="https://www.fontspring.com/blog/further-hardening-of-the-bulletproof-syntax">Fontspring blog post</a> about it. The code for it is as follows:</p>
<code>
@font-face{
font-family: 'MyWebFont';
src: url('WebFont.eot');
src: url('WebFont.eot?#iefix') format('embedded-opentype'),
url('WebFont.woff') format('woff'),
url('WebFont.ttf') format('truetype'),
url('WebFont.svg#webfont') format('svg');
}
</code>
<p>We've already gone ahead and generated the code for you. All you have to do is link to the stylesheet in your HTML, like this:</p>
<code>&lt;link rel=&quot;stylesheet&quot; href=&quot;stylesheet.css&quot; type=&quot;text/css&quot; charset=&quot;utf-8&quot; /&gt;</code>
<h2>3. Modify your own stylesheet</h2>
<p>To take advantage of your new fonts, you must tell your stylesheet to use them. Look at the original @font-face declaration above and find the property called "font-family." The name linked there will be what you use to reference the font. Prepend that webfont name to the font stack in the "font-family" property, inside the selector you want to change. For example:</p>
<code>p { font-family: 'WebFont', Arial, sans-serif; }</code>
<h2>4. Test</h2>
<p>Getting webfonts to work cross-browser <em>can</em> be tricky. Use the information in the sidebar to help you if you find that fonts aren't loading in a particular browser.</p>
</div>
<div class="grid5 sidebar">
<div class="box">
<h2>Troubleshooting<br />Font-Face Problems</h2>
<p>Having trouble getting your webfonts to load in your new website? Here are some tips to sort out what might be the problem.</p>
<h3>Fonts not showing in any browser</h3>
<p>This sounds like you need to work on the plumbing. You either did not upload the fonts to the correct directory, or you did not link the fonts properly in the CSS. If you've confirmed that all this is correct and you still have a problem, take a look at your .htaccess file and see if requests are getting intercepted.</p>
<h3>Fonts not loading in iPhone or iPad</h3>
<p>The most common problem here is that you are serving the fonts from an IIS server. IIS refuses to serve files that have unknown MIME types. If that is the case, you must set the MIME type for SVG to "image/svg+xml" in the server settings. Follow these instructions from Microsoft if you need help.</p>
<h3>Fonts not loading in Firefox</h3>
<p>The primary reason for this failure? You are still using a version Firefox older than 3.5. So upgrade already! If that isn't it, then you are very likely serving fonts from a different domain. Firefox requires that all font assets be served from the same domain. Lastly it is possible that you need to add WOFF to your list of MIME types (if you are serving via IIS.)</p>
<h3>Fonts not loading in IE</h3>
<p>Are you looking at Internet Explorer on an actual Windows machine or are you cheating by using a service like Adobe BrowserLab? Many of these screenshot services do not render @font-face for IE. Best to test it on a real machine.</p>
<h3>Fonts not loading in IE9</h3>
<p>IE9, like Firefox, requires that fonts be served from the same domain as the website. Make sure that is the case.</p>
</div>
</div>
</div>
</div>
</div>
<div id="footer">
<p>&copy;2010-2017 Font Squirrel. All rights reserved.</p>
</div>
</div>
</body>
</html>

BIN
public/designer/custom-fonts/Beantown/beantown-webfont.eot Normal file
View File

Binary file not shown.

206
public/designer/custom-fonts/Beantown/beantown-webfont.svg Normal file
View File

@@ -0,0 +1,206 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata></metadata>
<defs>
<font id="untitledregular" horiz-adv-x="1392" >
<font-face units-per-em="2048" ascent="1638" descent="-410" />
<missing-glyph horiz-adv-x="1024" />
<glyph horiz-adv-x="0" />
<glyph unicode="&#xd;" horiz-adv-x="1024" />
<glyph unicode=" " horiz-adv-x="1024" />
<glyph unicode="&#x09;" horiz-adv-x="1024" />
<glyph unicode="&#xa0;" horiz-adv-x="1024" />
<glyph unicode="!" horiz-adv-x="368" d="M0 0h287v287h-287v-287zM0 573l143 -143l144 143v779h-287v-779z" />
<glyph unicode="&#x22;" horiz-adv-x="798" d="M0 922l287 143v287h-287v-430zM430 922l287 143v287h-287v-430z" />
<glyph unicode="#" horiz-adv-x="1269" d="M0 287h205v-205h287v205h204v-205h287v205h205v286h-205v205h205v287h-205v205h-287v-205h-204v205h-287v-205h-205v-287h205v-205h-205v-286zM492 573v205h204v-205h-204z" />
<glyph unicode="$" d="M0 164l164 -164h348v-287h287v287h348l164 164v395l-287 137h-225v144h225v-95l287 95v123l-164 163h-348v226h-287v-226h-348l-164 -163v-349l266 -184h246v-143h-246v90l-266 -90v-123zM287 696v144h225v-144h-225zM799 287v143h225v-143h-225z" />
<glyph unicode="'" horiz-adv-x="368" d="M0 922l287 143v287h-287v-430z" />
<glyph unicode="(" horiz-adv-x="471" d="M0 -123l164 -164h225v287h-102v1249h102v287h-184l-205 -205v-1454z" />
<glyph unicode=")" horiz-adv-x="471" d="M0 0h102v1249h-102v287h184l205 -205v-1454l-164 -164h-225v287z" />
<glyph unicode="*" horiz-adv-x="901" d="M0 766l227 92l-202 -135l202 -203l95 219l-46 -239h287l-47 237l90 -217l203 203l-248 123l258 -80v287l-258 -115l248 164l-203 203l-102 -265l59 279h-287l54 -266l-103 252l-202 -203l225 -152l-250 103v-287z" />
<glyph unicode="+" horiz-adv-x="901" d="M0 532h276v-266h287v266h256v287h-256v266h-287v-266h-276v-287z" />
<glyph unicode="," horiz-adv-x="368" d="M0 -143l287 143v287h-287v-430z" />
<glyph unicode="-" horiz-adv-x="901" d="M0 532h819v287h-819v-287z" />
<glyph unicode="." horiz-adv-x="368" d="M0 0h287v287h-287v-287z" />
<glyph unicode="/" horiz-adv-x="1433" d="M0 0h369l983 1352h-369z" />
<glyph unicode="0" horiz-adv-x="1187" d="M0 164l164 -164h737l205 205v942l-205 205h-696l-205 -205v-983zM287 287v778h532v-778h-532z" />
<glyph unicode="1" horiz-adv-x="700" d="M0 1040h168v-753h-164v-287h614v287h-143v1065h-307l-168 -115v-197z" />
<glyph unicode="2" horiz-adv-x="1228" d="M0 0h1147v287h-844l844 393v549l-164 123h-819l-164 -123v-328l262 -135v242l66 57h549v-205l-877 -409v-451z" />
<glyph unicode="3" horiz-adv-x="1236" d="M0 143l131 -143h901l123 123v450l-102 103l102 102v451l-123 123h-901l-131 -123v-287l270 -123v189l66 57h471l65 -57v-189h-235l-141 -143l141 -133h235v-215l-45 -41h-491l-66 55v184l-270 -116v-267z" />
<glyph unicode="4" horiz-adv-x="1228" d="M0 348h676v-348h287v348h184v287h-184v717h-267l-696 -717v-287zM410 635l245 266v-266h-245z" />
<glyph unicode="5" horiz-adv-x="1232" d="M0 164l168 -164h819l164 164v491l-164 185h-700v245h864v267h-1151v-799h864v-225l-41 -41h-450l-41 41v131l-332 -221v-74z" />
<glyph unicode="6" horiz-adv-x="1228" d="M0 164l164 -164h819l164 164v450l-164 185h-696v266h594v-213l266 90v246l-164 164h-819l-164 -164v-1024zM287 287v225h573v-225h-573z" />
<glyph unicode="7" horiz-adv-x="1228" d="M0 901l266 -98v262h594v-82q-109 -84 -219.5 -191.5t-199.5 -233.5t-146 -267t-57 -291h294q39 145 89.5 252.5t121 203t169 190.5t235.5 214v492h-1147v-451z" />
<glyph unicode="8" horiz-adv-x="1228" d="M0 164l164 -164h819l164 164v409l-82 123l82 123v369l-164 164h-819l-164 -164v-369l82 -123l-82 -123v-409zM287 287v245h573v-245h-573zM287 819v246h573v-246h-573z" />
<glyph unicode="9" horiz-adv-x="1228" d="M0 164l164 -164h819l164 164v1024l-164 164h-819l-164 -164v-451l164 -184h696v-266h-594v213l-266 -90v-246zM287 840v225h573v-225h-573z" />
<glyph unicode=":" horiz-adv-x="368" d="M0 0h287v287h-287v-287zM0 430h287v287h-287v-287z" />
<glyph unicode=";" horiz-adv-x="368" d="M0 -143l287 143v287h-287v-430zM0 430h287v287h-287v-287z" />
<glyph unicode="&#x3c;" horiz-adv-x="1433" d="M0 440v451l1352 420v-287l-1045 -369l1045 -368v-287z" />
<glyph unicode="=" horiz-adv-x="901" d="M0 143h819v287h-819v-287zM0 532h819v287h-819v-287z" />
<glyph unicode="&#x3e;" horiz-adv-x="1433" d="M0 0l1352 440v451l-1352 420v-287l1044 -369l-1044 -368v-287z" />
<glyph unicode="?" d="M0 1001v187l164 164h983l164 -164v-383l-267 -184h-245v-103l-144 -143l-143 143v232l287 137h225v178h-737v-158zM512 0h287v287h-287v-287z" />
<glyph unicode="A" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM580 750h157l-82 315z" />
<glyph unicode="B" d="M0 0h1147l164 164v409l-82 123l82 123v369l-164 164h-1147v-287h143v-778h-143v-287zM430 287v245h594v-245h-594zM430 819v246h594v-246h-594z" />
<glyph unicode="C" d="M0 164l164 -164h942l205 205v205l-287 90v-213h-737v778h737v-213l287 90v205l-205 205h-901l-205 -205v-983z" />
<glyph unicode="D" d="M0 0h1106l205 205v942l-205 205h-1106v-287h143v-778h-143v-287zM430 287v778h594v-778h-594z" />
<glyph unicode="E" d="M0 0h1311v471h-287v-184h-594v245h410v287h-410v246h594v-184h287v471h-1311v-287h143v-778h-143v-287z" />
<glyph unicode="F" d="M0 0h573v287h-143v245h451v287h-451v246h594l4 -143h283v430h-1311v-287h143v-778h-143v-287z" />
<glyph unicode="G" d="M0 164l164 -164h1147v797h-619l105 -265h227v-245h-737v778h757v-213l267 90v246l-164 164h-983l-164 -164v-1024z" />
<glyph unicode="H" d="M0 0h594v287h-143v245h430v-245h-144v-287h574v287h-144v778h144v287h-574v-287h144v-246h-430v246h143v287h-594v-287h143v-778h-143v-287z" />
<glyph unicode="I" horiz-adv-x="675" d="M0 0h594v287h-143v778h143v287h-594v-287h164v-778h-164v-287z" />
<glyph unicode="J" horiz-adv-x="1372" d="M0 164l164 -164h819l164 164v901h143v287h-594v-287h164v-778h-594v213l-266 -90v-246z" />
<glyph unicode="K" d="M0 0h573v287h-143v245l348 -245h-82v-287h615v287h-144l-526 389l526 389h144v287h-615v-287h82l-348 -246v246h143v287h-573v-287h143v-778h-143v-287z" />
<glyph unicode="L" d="M0 0h1311v430h-287v-143h-594v778h164v287h-594v-287h143v-778h-143v-287z" />
<glyph unicode="M" horiz-adv-x="1679" d="M0 0v287h117v778h-117v287h489l318 -678l299 678h491v-287h-116v-778h116v-287h-491v287h96v676l-274 -676h-244l-291 676v-676h96v-287h-489z" />
<glyph unicode="N" d="M0 0h573v287h-143v454l430 -741h451v287h-144v778h144v287h-584v-287h164v-492l-440 779h-451v-287h143v-778h-143v-287z" />
<glyph unicode="O" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737z" />
<glyph unicode="P" d="M0 0h573v287h-143v245h717l164 164v492l-164 164h-1147v-287h143v-778h-143v-287zM430 819v246h594v-246h-594z" />
<glyph unicode="Q" d="M0 164l164 -164h577l258 -332l236 164l-131 168h2l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-141l-144 186l-235 -164l16 -22h-233z" />
<glyph unicode="R" d="M0 0h573v287h-143v245h154l379 -532h348v287h-181l-153 245h170l164 164v492l-164 164h-1147v-287h143v-778h-143v-287zM430 819v246h594v-246h-594z" />
<glyph unicode="S" d="M0 164l164 -164h983l164 164v518l-287 137h-737v246h737v-158l287 94v187l-164 164h-983l-164 -164v-451l266 -184h758v-266h-758v213l-266 -90v-246z" />
<glyph unicode="T" d="M0 922h287v143h225v-778h-164v-287h594v287h-143v778h225v-143h287v430h-1311v-430z" />
<glyph unicode="U" d="M0 1065h143v-778l144 -287h737l143 287v778h144v287h-594v-287h143v-778h-409v778h143v287h-594v-287z" />
<glyph unicode="V" d="M0 1065h143l297 -1065h451l297 1065h123v287h-594v-287h143l-205 -778l-204 778h143v287h-594v-287z" />
<glyph unicode="W" horiz-adv-x="1671" d="M0 1065h113l235 -1065h357l98 489l96 -489h358l220 1065h112v287h-487v-287h96l-127 -576l-147 576h-244l-162 -576l-129 576h96v287h-485v-287z" />
<glyph unicode="X" d="M0 0h614v287h-143l184 245l205 -245h-164v-287h615v287h-144l-307 389l307 389h144v287h-615v-287h164l-205 -246l-184 246h143v287h-614v-287h164l287 -389l-287 -389h-164v-287z" />
<glyph unicode="Y" d="M0 1065h164l348 -490v-288h-174v-287h614v287h-153v288l368 490h144v287h-615v-287h164l-205 -246l-184 246h143v287h-614v-287z" />
<glyph unicode="Z" d="M0 0h1311v430l-287 102v-245h-553l840 778v287h-1311v-430l287 -103v246h573l-860 -778v-287z" />
<glyph unicode="[" horiz-adv-x="532" d="M0 -287v1843h451v-286h-164v-1270h164v-287h-451z" />
<glyph unicode="\" horiz-adv-x="1433" d="M0 1352h369l983 -1352h-369z" />
<glyph unicode="]" horiz-adv-x="532" d="M0 0v-287h451v1843h-451v-286h164v-1270h-164z" />
<glyph unicode="^" horiz-adv-x="837" d="M0 872l156 480h450l150 -480h-324l-61 172l-62 -172h-309z" />
<glyph unicode="_" horiz-adv-x="1351" d="M0 -143v-287h1352v287h-1352z" />
<glyph unicode="`" horiz-adv-x="368" d="M0 1065v287h287v-430z" />
<glyph unicode="a" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM512 578h287l-144 487z" />
<glyph unicode="b" d="M0 0h1147l164 164v409l-82 123l82 123v369l-164 164h-1147v-1352zM287 287v245h737v-245h-737zM287 819v246h737v-246h-737z" />
<glyph unicode="c" d="M0 164l164 -164h942l205 205v205l-287 90v-213h-737v778h737v-213l287 90v205l-205 205h-901l-205 -205v-983z" />
<glyph unicode="d" d="M0 0h1106l205 205v942l-205 205h-1106v-1352zM287 287v778h737v-778h-737z" />
<glyph unicode="e" d="M0 0h1311v287h-1024v245h737v287h-737v246h1024v287h-1311v-1352z" />
<glyph unicode="f" d="M0 0h287v532h737v287h-737v246h1024v287h-1311v-1352z" />
<glyph unicode="g" d="M0 164l164 -164h1147v797h-514v-265h227v-245h-737v778h757v-213l267 90v246l-164 164h-983l-164 -164v-1024z" />
<glyph unicode="h" d="M0 0h287v532h737v-532h287v1352h-287v-533h-737v533h-287v-1352z" />
<glyph unicode="i" horiz-adv-x="368" d="M0 0h287v1352h-287v-1352z" />
<glyph unicode="j" d="M0 164l164 -164h983l164 164v1188h-307v-1065h-738v213l-266 -90v-246z" />
<glyph unicode="k" d="M0 0h287v532l594 -532h430l-772 676l772 676h-430l-594 -533v533h-287v-1352z" />
<glyph unicode="l" d="M0 0h1311v287h-1024v1065h-287v-1352z" />
<glyph unicode="m" horiz-adv-x="1679" d="M0 0v1352h471l324 -885l331 885h471v-1352h-327v963l-355 -963h-243l-385 963v-963h-287z" />
<glyph unicode="n" d="M0 0h287v860l696 -860h328v1352h-287v-860l-737 860h-287v-1352z" />
<glyph unicode="o" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737z" />
<glyph unicode="p" d="M0 0h287v532h860l164 164v492l-164 164h-1147v-1352zM287 819v246h737v-246h-737z" />
<glyph unicode="q" d="M0 164l164 -164h577l258 -332l236 164l-131 168h2l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-141l-144 186l-235 -164l16 -22h-233z" />
<glyph unicode="r" d="M0 0h287v532h338l338 -532h348l-334 532h170l164 164v492l-164 164h-1147v-1352zM287 819v246h737v-246h-737z" />
<glyph unicode="s" d="M0 164l164 -164h983l164 164v518l-287 137h-737v246h737v-158l287 94v187l-164 164h-983l-164 -164v-451l266 -184h758v-266h-758v213l-266 -90v-246z" />
<glyph unicode="t" d="M0 1065h512v-1065h287v1065h512v287h-1311v-287z" />
<glyph unicode="u" horiz-adv-x="1351" d="M0 287l143 -287h983l144 287v1065h-307v-1065h-656v1065h-307v-1065z" />
<glyph unicode="v" d="M0 1352l440 -1352h451l420 1352h-287l-369 -1045l-368 1045h-287z" />
<glyph unicode="w" horiz-adv-x="1671" d="M0 1352l348 -1352h357l98 573l96 -573h358l332 1352h-307l-211 -863l-147 863h-244l-162 -863l-231 863h-287z" />
<glyph unicode="x" d="M0 0h328l327 492l328 -492h328l-451 676l451 676h-328l-328 -492l-327 492h-328l451 -676z" />
<glyph unicode="y" d="M0 1352l512 -777v-575h287v575l512 777h-307l-349 -492l-348 492h-307z" />
<glyph unicode="z" d="M0 0h1311v287h-840l840 778v287h-1311v-287h860l-860 -778v-287z" />
<glyph unicode="|" horiz-adv-x="368" d="M0 -287h287v1782h-287v-1782z" />
<glyph unicode="&#xa1;" horiz-adv-x="368" d="M0 0v778l143 144l144 -144v-778h-287zM0 1065v287h287v-287h-287z" />
<glyph unicode="&#xa2;" d="M0 164l164 -164h348v-287h287v287h307l205 205v82l-287 90v-90h-225v327h225v-90l287 90v82l-205 205h-307v287h-287v-287h-307l-205 -205v-532zM287 287v327h225v-327h-225z" />
<glyph unicode="&#xa4;" horiz-adv-x="1105" d="M0 489v658h1024v-649l-512 -293z" />
<glyph unicode="&#xa8;" horiz-adv-x="798" d="M0 1495h287v287h-287v-287zM430 1495h287v287h-287v-287z" />
<glyph unicode="&#xad;" horiz-adv-x="901" d="M0 532h819v287h-819v-287z" />
<glyph unicode="&#xb1;" horiz-adv-x="901" d="M0 51h819v287h-819v-287zM0 748h276v-267h287v267h256v286h-256v266h-287v-266h-276v-286z" />
<glyph unicode="&#xb4;" horiz-adv-x="368" d="M0 1434v286h287z" />
<glyph unicode="&#xb8;" horiz-adv-x="524" d="M0 -481q129 49 180 88t53.5 68.5t-31.5 50t-75 34t-75 18.5t-32 5v217h287v-205q0 6 19.5 1t44 -18.5t45 -32.5t22.5 -42q4 -63 -111.5 -115.5t-326.5 -68.5z" />
<glyph unicode="&#xbf;" d="M0 164l164 -164h983l164 164v383l-267 184h-245v103l-144 143l-143 -143v-232l287 -137h225v-178h-737v157l-287 -94v-186zM512 1065v287h287v-287h-287z" />
<glyph unicode="&#xc0;" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM481 1720h287v-286zM580 750h157l-82 315z" />
<glyph unicode="&#xc1;" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM580 750h157l-82 315zM614 1434v286h287z" />
<glyph unicode="&#xc2;" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM451 1434l204 286l205 -286l-205 122zM580 750h157l-82 315z" />
<glyph unicode="&#xc3;" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM340 1434q16 96 75.5 161.5t151.5 65.5q61 0 158 -49q104 -49 141 -49q108 -39 174 104q-55 -231 -229 -231q-57 0 -162 49q-92 51 -131 51 q-84 43 -178 -102zM580 750h157l-82 315z" />
<glyph unicode="&#xc4;" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM307 1434h287v286h-287v-286zM580 750h157l-82 315zM737 1434h287v286h-287v-286z" />
<glyph unicode="&#xc5;" d="M0 0v287h164l203 778h-144v287h885v-287h-143l202 -778h144v-287h-615v287h164l-47 176h-299l-43 -176h143v-287h-614zM479 1616q0 47 22.5 88t64.5 65.5t89 24.5q35 0 68 -14.5t58.5 -40t39 -57t13.5 -66.5q0 -37 -13.5 -70t-39 -58.5t-58.5 -39.5t-68 -14 q-47 0 -89 24.5t-64.5 66.5t-22.5 91zM524 1616q0 -55 39 -94t92 -39q35 0 65 18.5t48 48t18 66.5q0 35 -18 65.5t-48 47t-67 16.5q-55 0 -92 -38t-37 -91zM580 750h157l-82 315z" />
<glyph unicode="&#xc6;" horiz-adv-x="1433" d="M0 0v287h164l203 778h-144v287h432v-293l-75 -309h75v-287h-141l-43 -176h143v-287h-614zM655 0h697v389h-287v-102h-123v245h410v287h-410v246h123v-102h287v389h-697v-1352z" />
<glyph unicode="&#xc7;" d="M0 164l164 -164h942l205 205v205l-287 90v-213h-737v778h737v-213l287 90v205l-205 205h-901l-205 -205v-983zM489 -379q129 49 180.5 88t53.5 68.5t-32 50t-75 34t-74.5 18.5t-31.5 5v115h287v-100q2 4 22.5 -2.5t44 -19.5t43 -31.5t21.5 -41.5q4 -63 -112 -115 t-327 -69z" />
<glyph unicode="&#xc8;" d="M0 0h1311v471h-287v-184h-594v245h410v287h-410v246h594v-184h287v471h-1311v-287h143v-778h-143v-287zM532 1720h287v-286z" />
<glyph unicode="&#xc9;" d="M0 0h1311v471h-287v-184h-594v245h410v287h-410v246h594v-184h287v471h-1311v-287h143v-778h-143v-287zM614 1434v286h287z" />
<glyph unicode="&#xca;" d="M0 0h1311v471h-287v-184h-594v245h410v287h-410v246h594v-184h287v471h-1311v-287h143v-778h-143v-287zM461 1434l205 286l204 -286l-204 122z" />
<glyph unicode="&#xcb;" d="M0 0h1311v471h-287v-184h-594v245h410v287h-410v246h594v-184h287v471h-1311v-287h143v-778h-143v-287zM297 1434h287v286h-287v-286zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#xcc;" horiz-adv-x="675" d="M0 0h594v287h-143v778h143v287h-594v-287h164v-778h-164v-287zM164 1720h287v-286z" />
<glyph unicode="&#xcd;" horiz-adv-x="675" d="M0 0h594v287h-143v778h143v287h-594v-287h164v-778h-164v-287zM205 1434v286h287z" />
<glyph unicode="&#xce;" horiz-adv-x="675" d="M0 0h594v287h-143v778h143v287h-594v-287h164v-778h-164v-287zM92 1434l205 286l205 -286l-205 122z" />
<glyph unicode="&#xcf;" horiz-adv-x="798" d="M0 1434h287v286h-287v-286zM61 0h594v287h-143v778h143v287h-594v-287h164v-778h-164v-287zM430 1434h287v286h-287v-286z" />
<glyph unicode="&#xd0;" d="M0 0h1106l205 205v942l-205 205h-1106v-287h143v-246h-143v-287h143v-245h-143v-287zM430 287v245h143v287h-143v246h594v-778h-594z" />
<glyph unicode="&#xd1;" d="M0 0h573v287h-143v454l430 -741h451v287h-144v778h144v287h-584v-287h164v-492l-440 779h-451v-287h143v-778h-143v-287zM362 1434q16 96 76 161.5t152 65.5q61 0 158 -49q104 -49 141 -49q108 -39 174 104q-55 -231 -229 -231q-57 0 -162 49q-92 51 -131 51 q-84 43 -179 -102z" />
<glyph unicode="&#xd2;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM512 1720h287v-286z" />
<glyph unicode="&#xd3;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM614 1434v286h287z" />
<glyph unicode="&#xd4;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM451 1434l204 286l205 -286l-205 122z" />
<glyph unicode="&#xd5;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM313 1434q16 96 76 161.5t152 65.5q61 0 157 -49q104 -49 142 -49q108 -39 174 104q-55 -231 -230 -231q-57 0 -161 49q-92 51 -131 51q-84 43 -179 -102z" />
<glyph unicode="&#xd6;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM297 1434h287v286h-287v-286zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#xd8;" horiz-adv-x="1775" d="M0 -150h369l116 150h775l204 205v942l-47 45l277 352h-369l-151 -192h-816l-204 -205v-983l51 -51zM440 414v651h510zM709 287l469 598v-598h-469z" />
<glyph unicode="&#xd9;" d="M0 1065h143v-778l144 -287h737l143 287v778h144v287h-594v-287h143v-778h-409v778h143v287h-594v-287zM532 1720h287v-286z" />
<glyph unicode="&#xda;" d="M0 1065h143v-778l144 -287h737l143 287v778h144v287h-594v-287h143v-778h-409v778h143v287h-594v-287zM553 1434v286h287z" />
<glyph unicode="&#xdb;" d="M0 1065h143v-778l144 -287h737l143 287v778h144v287h-594v-287h143v-778h-409v778h143v287h-594v-287zM451 1434l204 286l205 -286l-205 122z" />
<glyph unicode="&#xdc;" d="M0 1065h143v-778l144 -287h737l143 287v778h144v287h-594v-287h143v-778h-409v778h143v287h-594v-287zM297 1434h287v286h-287v-286zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#xdd;" d="M0 1065h164l348 -490v-288h-174v-287h614v287h-153v288l368 490h144v287h-615v-287h164l-205 -246l-184 246h143v287h-614v-287zM563 1434v286h287z" />
<glyph unicode="&#xde;" horiz-adv-x="1433" d="M0 0h573v287h-143v61h758l164 164v328l-164 164h-758v61h143v287h-573v-287h143v-778h-143v-287zM430 635v82h635v-82h-635z" />
<glyph unicode="&#xdf;" d="M0 0h430v1065h594v-246h-451v-287h451v-245h-451v-287h574l164 164v409l-82 123l82 123v369l-164 164h-840l-164 -164v-901h-143v-287z" />
<glyph unicode="&#xe0;" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM481 1720h287v-286zM512 578h287l-144 487z" />
<glyph unicode="&#xe1;" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM512 578h287l-144 487zM520 1434v286h287z" />
<glyph unicode="&#xe2;" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM440 1434l205 286l205 -286l-205 122zM512 578h287l-144 487z" />
<glyph unicode="&#xe3;" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM322 1434q16 96 75.5 161.5t151.5 65.5q61 0 158 -49q104 -49 141 -49q108 -39 174 104q-55 -231 -229 -231q-57 0 -162 49q-92 51 -131 51q-84 43 -178 -102zM512 578h287l-144 487z" />
<glyph unicode="&#xe4;" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM297 1434h287v286h-287v-286zM512 578h287l-144 487zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#xe5;" d="M0 0l442 1352h406l463 -1352h-334l-86 291h-471l-86 -291h-334zM479 1616q0 47 22.5 88t64.5 65.5t89 24.5q35 0 68 -14.5t58.5 -40t39 -57t13.5 -66.5q0 -37 -13.5 -70t-39 -58.5t-58.5 -39.5t-68 -14q-47 0 -89 24.5t-64.5 66.5t-22.5 91zM512 578h287l-144 487z M524 1616q0 -55 39 -94t92 -39q35 0 65 18.5t48 48t18 66.5q0 35 -18 65.5t-48 47t-67 16.5q-55 0 -92 -38t-37 -91z" />
<glyph unicode="&#xe6;" horiz-adv-x="1433" d="M0 0l442 1352h213v-287l-143 -487h143v-287h-235l-86 -291h-334zM655 0h697v287h-410v245h410v287h-410v246h410v287h-697v-1352z" />
<glyph unicode="&#xe7;" d="M0 164l164 -164h942l205 205v205l-287 90v-213h-737v778h737v-213l287 90v205l-205 205h-901l-205 -205v-983zM489 -379q129 49 180.5 88t53.5 68.5t-32 50t-75 34t-74.5 18.5t-31.5 5v115h287v-100q2 4 22.5 -2.5t44 -19.5t43 -31.5t21.5 -41.5q4 -63 -112 -115 t-327 -69z" />
<glyph unicode="&#xe8;" d="M0 0h1311v287h-1024v245h737v287h-737v246h1024v287h-1311v-1352zM532 1720h287v-286z" />
<glyph unicode="&#xe9;" d="M0 0h1311v287h-1024v245h737v287h-737v246h1024v287h-1311v-1352zM563 1434v286h287z" />
<glyph unicode="&#xea;" d="M0 0h1311v287h-1024v245h737v287h-737v246h1024v287h-1311v-1352zM471 1434l205 286l205 -286l-205 122z" />
<glyph unicode="&#xeb;" d="M0 0h1311v287h-1024v245h737v287h-737v246h1024v287h-1311v-1352zM297 1434h287v286h-287v-286zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#xec;" horiz-adv-x="368" d="M0 0h287v1352h-287v-1352zM0 1720h287v-286z" />
<glyph unicode="&#xed;" horiz-adv-x="368" d="M0 0h287v1352h-287v-1352zM0 1434v286h287z" />
<glyph unicode="&#xee;" horiz-adv-x="491" d="M0 1434l205 286l205 -286l-205 122zM61 0h287v1352h-287v-1352z" />
<glyph unicode="&#xef;" horiz-adv-x="798" d="M0 1434h287v286h-287v-286zM215 0h287v1352h-287v-1352zM430 1434h287v286h-287v-286z" />
<glyph unicode="&#xf0;" d="M0 532h143v-532h963l205 205v942l-205 205h-963v-533h-143v-287zM430 287v245h143v287h-143v246h594v-778h-594z" />
<glyph unicode="&#xf1;" d="M0 0h287v860l696 -860h328v1352h-287v-860l-737 860h-287v-1352zM362 1434q16 96 76 161.5t152 65.5q61 0 158 -49q104 -49 141 -49q108 -39 174 104q-55 -231 -229 -231q-57 0 -162 49q-92 51 -131 51q-84 43 -179 -102z" />
<glyph unicode="&#xf2;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM502 1720h286v-286z" />
<glyph unicode="&#xf3;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM563 1434v286h287z" />
<glyph unicode="&#xf4;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM471 1434l205 286l205 -286l-205 122z" />
<glyph unicode="&#xf5;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM287 287v778h737v-778h-737zM305 1434q16 96 75.5 161.5t151.5 65.5q61 0 158 -49q104 -49 141 -49q109 -39 175 104q-55 -231 -230 -231q-57 0 -162 49q-92 51 -131 51q-84 43 -178 -102z" />
<glyph unicode="&#xf6;" d="M0 164l164 -164h942l205 205v942l-205 205h-901l-205 -205v-983zM276 1434h287v286h-287v-286zM287 287v778h737v-778h-737zM707 1434h286v286h-286v-286z" />
<glyph unicode="&#xf7;" horiz-adv-x="901" d="M0 532h819v287h-819v-287zM256 205h287v287h-287v-287zM256 860h287v287h-287v-287z" />
<glyph unicode="&#xf8;" horiz-adv-x="1775" d="M0 -150h369l116 150h775l204 205v942l-47 45l277 352h-369l-151 -192h-816l-204 -205v-983l51 -51zM440 414v651h510zM709 287l469 598v-598h-469z" />
<glyph unicode="&#xf9;" horiz-adv-x="1351" d="M0 287l143 -287h983l144 287v1065h-307v-1065h-656v1065h-307v-1065zM502 1720h286v-286z" />
<glyph unicode="&#xfa;" horiz-adv-x="1351" d="M0 287l143 -287h983l144 287v1065h-307v-1065h-656v1065h-307v-1065zM563 1434v286h287z" />
<glyph unicode="&#xfb;" horiz-adv-x="1351" d="M0 287l143 -287h983l144 287v1065h-307v-1065h-656v1065h-307v-1065zM471 1434l205 286l205 -286l-205 122z" />
<glyph unicode="&#xfc;" horiz-adv-x="1351" d="M0 287l143 -287h983l144 287v1065h-307v-1065h-656v1065h-307v-1065zM276 1434h287v286h-287v-286zM707 1434h286v286h-286v-286z" />
<glyph unicode="&#xfd;" d="M0 1352l512 -777v-575h287v575l512 777h-307l-349 -492l-348 492h-307zM563 1434v286h287z" />
<glyph unicode="&#xfe;" horiz-adv-x="1433" d="M0 0h287v266h901l164 164v492l-164 163h-901v267h-287v-1352zM287 553v246h778v-246h-778z" />
<glyph unicode="&#xff;" d="M0 1352l512 -777v-575h287v575l512 777h-307l-349 -492l-348 492h-307zM297 1434h287v286h-287v-286zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#x152;" horiz-adv-x="1433" d="M0 164l164 -164h1188v410h-287v-123h-123v245h410v287h-410v246h123v-123h287v410h-1147l-205 -205v-983zM287 287v778h368v-778h-368z" />
<glyph unicode="&#x153;" horiz-adv-x="1433" d="M0 164l164 -164h1188v287h-410v245h410v287h-410v246h410v287h-1147l-205 -205v-983zM287 287v778h368v-778h-368z" />
<glyph unicode="&#x178;" d="M0 1065h164l348 -490v-288h-174v-287h614v287h-153v288l368 490h144v287h-615v-287h164l-205 -246l-184 246h143v287h-614v-287zM297 1434h287v286h-287v-286zM727 1434h287v286h-287v-286z" />
<glyph unicode="&#x2c6;" horiz-adv-x="491" d="M0 1434l205 286l205 -286l-205 122z" />
<glyph unicode="&#x2dc;" horiz-adv-x="782" d="M0 1434q16 96 75.5 161.5t151.5 65.5q61 0 158 -49q104 -49 141 -49q108 -39 174 104q-55 -231 -229 -231q-57 0 -162 49q-92 51 -131 51q-84 43 -178 -102z" />
<glyph unicode="&#x2000;" horiz-adv-x="897" />
<glyph unicode="&#x2001;" horiz-adv-x="1794" />
<glyph unicode="&#x2002;" horiz-adv-x="897" />
<glyph unicode="&#x2003;" horiz-adv-x="1794" />
<glyph unicode="&#x2004;" horiz-adv-x="598" />
<glyph unicode="&#x2005;" horiz-adv-x="448" />
<glyph unicode="&#x2006;" horiz-adv-x="299" />
<glyph unicode="&#x2007;" horiz-adv-x="299" />
<glyph unicode="&#x2008;" horiz-adv-x="224" />
<glyph unicode="&#x2009;" horiz-adv-x="358" />
<glyph unicode="&#x200a;" horiz-adv-x="99" />
<glyph unicode="&#x2010;" horiz-adv-x="901" d="M0 532h819v287h-819v-287z" />
<glyph unicode="&#x2011;" horiz-adv-x="901" d="M0 532h819v287h-819v-287z" />
<glyph unicode="&#x2012;" horiz-adv-x="901" d="M0 532h819v287h-819v-287z" />
<glyph unicode="&#x2013;" horiz-adv-x="1433" d="M0 532h1352v287h-1352v-287z" />
<glyph unicode="&#x2014;" horiz-adv-x="1720" d="M0 532h1638v287h-1638v-287z" />
<glyph unicode="&#x2018;" horiz-adv-x="368" d="M0 922h287v430l-287 -144v-286z" />
<glyph unicode="&#x2019;" horiz-adv-x="368" d="M0 922l287 143v287h-287v-430z" />
<glyph unicode="&#x201a;" horiz-adv-x="368" d="M0 -143l287 143v287h-287v-430z" />
<glyph unicode="&#x201c;" horiz-adv-x="798" d="M0 922h287v430l-287 -144v-286zM430 922h287v430l-287 -144v-286z" />
<glyph unicode="&#x201d;" horiz-adv-x="798" d="M0 922l287 143v287h-287v-430zM430 922l287 143v287h-287v-430z" />
<glyph unicode="&#x2022;" horiz-adv-x="1208" d="M0 563l563 -563l563 563l-563 563z" />
<glyph unicode="&#x202f;" horiz-adv-x="358" />
<glyph unicode="&#x205f;" horiz-adv-x="448" />
<glyph unicode="&#x20ac;" horiz-adv-x="1433" d="M0 358h184v-194l164 -164h799l205 205v205l-287 90v-213h-594v71h205v287h-205v62h205v286h-205v72h594v-213l287 90v205l-205 205h-758l-205 -205v-154h-184v-286h184v-62h-184v-287z" />
<glyph unicode="&#x25fc;" horiz-adv-x="1351" d="M0 0v1352h1352v-1352h-1352z" />
</font>
</defs></svg>
Side by Side

After

Width:  |  Height:  |  Size: 26 KiB

BIN
public/designer/custom-fonts/Beantown/beantown-webfont.ttf Normal file
View File

Binary file not shown.

BIN
public/designer/custom-fonts/Beantown/beantown-webfont.woff Normal file
View File

Binary file not shown.

BIN
public/designer/custom-fonts/Beantown/beantown-webfont.woff2 Normal file
View File

Binary file not shown.

5
public/designer/custom-fonts/Beantown/generator_config.txt Normal file
View File

@@ -0,0 +1,5 @@
# Font Squirrel Font-face Generator Configuration File
# Upload this file to the generator to recreate the settings
# you used to create these fonts.
{"add_hyphens":"Y","add_spaces":"Y","css_stylesheet":"stylesheet.css","emsquare":"2048","fallback":"none","fallback_custom":"100","filename_suffix":"-webfont","files":[""],"fix_gasp":"xy","fix_vertical_metrics":"Y","formats":["ttf","woff","woff2","eot","svg"],"metrics_ascent":"","metrics_descent":"","metrics_linegap":"","mode":"expert","options_subset":"basic","spacing_adjustment":"0","subset_custom":"","subset_custom_range":"","subset_ot_features_list":"","tt_instructor":"default"}

129
public/designer/custom-fonts/Beantown/specimen_files/grid_12-825-55-15.css vendored Normal file
View File

@@ -0,0 +1,129 @@
/*Notes about grid:
Columns: 12
Grid Width: 825px
Column Width: 55px
Gutter Width: 15px
-------------------------------*/
.section {margin-bottom: 18px;
}
.section:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.section {*zoom: 1;}
.section .firstcolumn,
.section .firstcol {margin-left: 0;}
/* Border on left hand side of a column. */
.border {
padding-left: 7px;
margin-left: 7px;
border-left: 1px solid #eee;
}
/* Border with more whitespace, spans one column. */
.colborder {
padding-left: 42px;
margin-left: 42px;
border-left: 1px solid #eee;
}
/* The Grid Classes */
.grid1, .grid1_2cols, .grid1_3cols, .grid1_4cols, .grid2, .grid2_3cols, .grid2_4cols, .grid3, .grid3_2cols, .grid3_4cols, .grid4, .grid4_3cols, .grid5, .grid5_2cols, .grid5_3cols, .grid5_4cols, .grid6, .grid6_4cols, .grid7, .grid7_2cols, .grid7_3cols, .grid7_4cols, .grid8, .grid8_3cols, .grid9, .grid9_2cols, .grid9_4cols, .grid10, .grid10_3cols, .grid10_4cols, .grid11, .grid11_2cols, .grid11_3cols, .grid11_4cols, .grid12
{margin-left: 15px;float: left;display: inline; overflow: hidden;}
.width1, .grid1, .span-1 {width: 55px;}
.width1_2cols,.grid1_2cols {width: 20px;}
.width1_3cols,.grid1_3cols {width: 8px;}
.width1_4cols,.grid1_4cols {width: 2px;}
.input_width1 {width: 49px;}
.width2, .grid2, .span-2 {width: 125px;}
.width2_3cols,.grid2_3cols {width: 31px;}
.width2_4cols,.grid2_4cols {width: 20px;}
.input_width2 {width: 119px;}
.width3, .grid3, .span-3 {width: 195px;}
.width3_2cols,.grid3_2cols {width: 90px;}
.width3_4cols,.grid3_4cols {width: 37px;}
.input_width3 {width: 189px;}
.width4, .grid4, .span-4 {width: 265px;}
.width4_3cols,.grid4_3cols {width: 78px;}
.input_width4 {width: 259px;}
.width5, .grid5, .span-5 {width: 335px;}
.width5_2cols,.grid5_2cols {width: 160px;}
.width5_3cols,.grid5_3cols {width: 101px;}
.width5_4cols,.grid5_4cols {width: 72px;}
.input_width5 {width: 329px;}
.width6, .grid6, .span-6 {width: 405px;}
.width6_4cols,.grid6_4cols {width: 90px;}
.input_width6 {width: 399px;}
.width7, .grid7, .span-7 {width: 475px;}
.width7_2cols,.grid7_2cols {width: 230px;}
.width7_3cols,.grid7_3cols {width: 148px;}
.width7_4cols,.grid7_4cols {width: 107px;}
.input_width7 {width: 469px;}
.width8, .grid8, .span-8 {width: 545px;}
.width8_3cols,.grid8_3cols {width: 171px;}
.input_width8 {width: 539px;}
.width9, .grid9, .span-9 {width: 615px;}
.width9_2cols,.grid9_2cols {width: 300px;}
.width9_4cols,.grid9_4cols {width: 142px;}
.input_width9 {width: 609px;}
.width10, .grid10, .span-10 {width: 685px;}
.width10_3cols,.grid10_3cols {width: 218px;}
.width10_4cols,.grid10_4cols {width: 160px;}
.input_width10 {width: 679px;}
.width11, .grid11, .span-11 {width: 755px;}
.width11_2cols,.grid11_2cols {width: 370px;}
.width11_3cols,.grid11_3cols {width: 241px;}
.width11_4cols,.grid11_4cols {width: 177px;}
.input_width11 {width: 749px;}
.width12, .grid12, .span-12 {width: 825px;}
.input_width12 {width: 819px;}
/* Subdivided grid spaces */
.emptycols_left1, .prepend-1 {padding-left: 70px;}
.emptycols_right1, .append-1 {padding-right: 70px;}
.emptycols_left2, .prepend-2 {padding-left: 140px;}
.emptycols_right2, .append-2 {padding-right: 140px;}
.emptycols_left3, .prepend-3 {padding-left: 210px;}
.emptycols_right3, .append-3 {padding-right: 210px;}
.emptycols_left4, .prepend-4 {padding-left: 280px;}
.emptycols_right4, .append-4 {padding-right: 280px;}
.emptycols_left5, .prepend-5 {padding-left: 350px;}
.emptycols_right5, .append-5 {padding-right: 350px;}
.emptycols_left6, .prepend-6 {padding-left: 420px;}
.emptycols_right6, .append-6 {padding-right: 420px;}
.emptycols_left7, .prepend-7 {padding-left: 490px;}
.emptycols_right7, .append-7 {padding-right: 490px;}
.emptycols_left8, .prepend-8 {padding-left: 560px;}
.emptycols_right8, .append-8 {padding-right: 560px;}
.emptycols_left9, .prepend-9 {padding-left: 630px;}
.emptycols_right9, .append-9 {padding-right: 630px;}
.emptycols_left10, .prepend-10 {padding-left: 700px;}
.emptycols_right10, .append-10 {padding-right: 700px;}
.emptycols_left11, .prepend-11 {padding-left: 770px;}
.emptycols_right11, .append-11 {padding-right: 770px;}
.pull-1 {margin-left: -70px;}
.push-1 {margin-right: -70px;margin-left: 18px;float: right;}
.pull-2 {margin-left: -140px;}
.push-2 {margin-right: -140px;margin-left: 18px;float: right;}
.pull-3 {margin-left: -210px;}
.push-3 {margin-right: -210px;margin-left: 18px;float: right;}
.pull-4 {margin-left: -280px;}
.push-4 {margin-right: -280px;margin-left: 18px;float: right;}

396
public/designer/custom-fonts/Beantown/specimen_files/specimen_stylesheet.css vendored Normal file
View File

@@ -0,0 +1,396 @@
@import url('grid_12-825-55-15.css');
/*
CSS Reset by Eric Meyer - Released under Public Domain
http://meyerweb.com/eric/tools/css/reset/
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table,
caption, tbody, tfoot, thead, tr, th, td
{margin: 0;padding: 0;border: 0;outline: 0;
font-size: 100%;vertical-align: baseline;
background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse;border-spacing: 0;}
body {
color: #000;
background-color: #dcdcdc;
}
a {
text-decoration: none;
color: #1883ba;
}
h1{
font-size: 32px;
font-weight: normal;
font-style: normal;
margin-bottom: 18px;
}
h2{
font-size: 18px;
}
#container {
width: 865px;
margin: 0px auto;
}
#header {
padding: 20px;
font-size: 36px;
background-color: #000;
color: #fff;
}
#header span {
color: #666;
}
#main_content {
background-color: #fff;
padding: 60px 20px 20px;
}
#footer p {
margin: 0;
padding-top: 10px;
padding-bottom: 50px;
color: #333;
font: 10px Arial, sans-serif;
}
.tabs {
width: 100%;
height: 31px;
background-color: #444;
}
.tabs li {
float: left;
margin: 0;
overflow: hidden;
background-color: #444;
}
.tabs li a {
display: block;
color: #fff;
text-decoration: none;
font: bold 11px/11px 'Arial';
text-transform: uppercase;
padding: 10px 15px;
border-right: 1px solid #fff;
}
.tabs li a:hover {
background-color: #00b3ff;
}
.tabs li.active a {
color: #000;
background-color: #fff;
}
div.huge {
font-size: 300px;
line-height: 1em;
padding: 0;
letter-spacing: -.02em;
overflow: hidden;
}
div.glyph_range {
font-size: 72px;
line-height: 1.1em;
}
.size10{ font-size: 10px; }
.size11{ font-size: 11px; }
.size12{ font-size: 12px; }
.size13{ font-size: 13px; }
.size14{ font-size: 14px; }
.size16{ font-size: 16px; }
.size18{ font-size: 18px; }
.size20{ font-size: 20px; }
.size24{ font-size: 24px; }
.size30{ font-size: 30px; }
.size36{ font-size: 36px; }
.size48{ font-size: 48px; }
.size60{ font-size: 60px; }
.size72{ font-size: 72px; }
.size90{ font-size: 90px; }
.psample_row1 { height: 120px;}
.psample_row1 { height: 120px;}
.psample_row2 { height: 160px;}
.psample_row3 { height: 160px;}
.psample_row4 { height: 160px;}
.psample {
overflow: hidden;
position: relative;
}
.psample p {
line-height: 1.3em;
display: block;
overflow: hidden;
margin: 0;
}
.psample span {
margin-right: .5em;
}
.white_blend {
width: 100%;
height: 61px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAO1JREFUeNrs3TsKgFAMRUE/eer+NxztxMYuEWQG3ECKwwUF58ycAKixOAGAyAKILAAiCyCyACILgMgCiCyAyAIgsgAiCyCyAIgsgMgCiCwAIgsgsgAiC4DIAogsACIL0CWuZ3UGgLrIhjMA1EV2OAOAJQtgyQLwjOzmDAAiCyCyAIgsQFtkd2cAEFkAkQVAZAHaIns4A4AlC2DJAiCyACILILIAiCzAV5H1dQGAJQsgsgCILIDIAvwisl58AViyAJYsACILILIAIgvAe2T9EhxAZAFEFgCRBeiL7HAGgLrIhjMAWLIAliwAt1OAAQDwygTBulLIlQAAAABJRU5ErkJggg==);
position: absolute;
bottom: 0;
}
.black_blend {
width: 100%;
height: 61px;
background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAVkAAAA9CAYAAAAH4BojAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAPJJREFUeNrs3TEKhTAQRVGjibr/9QoxhY2N3Ywo50A28IrLwP9g6b1PAMSYTQAgsgAiC4DIAogsgMgCILIAIgsgsgCILIDIAogsACILILIAIguAyAKILIDIAiCyACILgMgCZCnjLWYAiFGvB0BQZJsZAFyyAC5ZAO6RXc0AILIAIguAyAKkRXYzA4DIAogsACILkBbZ3QwALlkAlywAIgsgsgAiC4DIArwVWf8uAHDJAogsACILILIAv4isH74AXLIALlkARBZAZAFEFoDnyPokOIDIAogsACILkBfZZgaAuMhWMwC4ZAE+p4x3mAEgxinAAJ+XBbPWGkwAAAAAAElFTkSuQmCC);
position: absolute;
bottom: 0;
}
.fullreverse {
background: #000 !important;
color: #fff !important;
margin-left: -20px;
padding-left: 20px;
margin-right: -20px;
padding-right: 20px;
padding: 20px;
margin-bottom:0;
}
.sample_table td {
padding-top: 3px;
padding-bottom:5px;
padding-left: 5px;
vertical-align: middle;
line-height: 1.2em;
}
.sample_table td:first-child {
background-color: #eee;
text-align: right;
padding-right: 5px;
padding-left: 0;
padding: 5px;
font: 11px/12px "Courier New", Courier, mono;
}
code {
white-space: pre;
background-color: #eee;
display: block;
padding: 10px;
margin-bottom: 18px;
overflow: auto;
}
.bottom,.last {margin-bottom:0 !important; padding-bottom:0 !important;}
.box {
padding: 18px;
margin-bottom: 18px;
background: #eee;
}
.reverse,.reversed { background: #000 !important;color: #fff !important; border: none !important;}
#bodycomparison {
position: relative;
overflow: hidden;
font-size: 72px;
height: 90px;
white-space: nowrap;
}
#bodycomparison div{
font-size: 72px;
line-height: 90px;
display: inline;
margin: 0 15px 0 0;
padding: 0;
}
#bodycomparison div span{
font: 10px Arial;
position: absolute;
left: 0;
}
#xheight {
float: none;
position: absolute;
color: #d9f3ff;
font-size: 72px;
line-height: 90px;
}
.fontbody {
position: relative;
}
.arialbody{
font-family: Arial;
position: relative;
}
.verdanabody{
font-family: Verdana;
position: relative;
}
.georgiabody{
font-family: Georgia;
position: relative;
}
/* @group Layout page
*/
#layout h1 {
font-size: 36px;
line-height: 42px;
font-weight: normal;
font-style: normal;
}
#layout h2 {
font-size: 24px;
line-height: 23px;
font-weight: normal;
font-style: normal;
}
#layout h3 {
font-size: 22px;
line-height: 1.4em;
margin-top: 1em;
font-weight: normal;
font-style: normal;
}
#layout p.byline {
font-size: 12px;
margin-top: 18px;
line-height: 12px;
margin-bottom: 0;
}
#layout p {
font-size: 14px;
line-height: 21px;
margin-bottom: .5em;
}
#layout p.large{
font-size: 18px;
line-height: 26px;
}
#layout .sidebar p{
font-size: 12px;
line-height: 1.4em;
}
#layout p.caption {
font-size: 10px;
margin-top: -16px;
margin-bottom: 18px;
}
/* @end */
/* @group Glyphs */
#glyph_chart div{
background-color: #d9f3ff;
color: black;
float: left;
font-size: 36px;
height: 1.2em;
line-height: 1.2em;
margin-bottom: 1px;
margin-right: 1px;
text-align: center;
width: 1.2em;
position: relative;
padding: .6em .2em .2em;
}
#glyph_chart div p {
position: absolute;
left: 0;
top: 0;
display: block;
text-align: center;
font: bold 9px Arial, sans-serif;
background-color: #3a768f;
width: 100%;
color: #fff;
padding: 2px 0;
}
#glyphs h1 {
font-family: Arial, sans-serif;
}
/* @end */
/* @group Installing */
#installing {
font: 13px Arial, sans-serif;
}
#installing p,
#glyphs p{
line-height: 1.2em;
margin-bottom: 18px;
font: 13px Arial, sans-serif;
}
#installing h3{
font-size: 15px;
margin-top: 18px;
}
/* @end */
#rendering h1 {
font-family: Arial, sans-serif;
}
.render_table td {
font: 11px "Courier New", Courier, mono;
vertical-align: middle;
}

16
public/designer/custom-fonts/Beantown/stylesheet.css vendored Normal file
View File

@@ -0,0 +1,16 @@
/*! Generated by Font Squirrel (https://www.fontsquirrel.com) on January 9, 2018 */
@font-face {
font-family: 'Beantown';
src: url('Beantown/beantown-webfont.eot');
src: url('beantown-webfont.eot?#iefix') format('embedded-opentype'),
url('beantown-webfont.woff2') format('woff2'),
url('beantown-webfont.woff') format('woff'),
url('beantown-webfont.ttf') format('truetype'),
url('beantown-webfont.svg#untitledregular') format('svg');
font-weight: normal;
font-style: normal;
}