<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
</head>
<body text="#000000" bgcolor="#FFFFFF">
For all those interested in SignWriting Fonts,<br>
<div class="moz-forward-container"> <br>
Up until now creating an SVG signwriting document involves adding
all of the shapes that make us a symbol each time a symbol
appeared in a document. A more efficient way is possible by
creating a definition of the shapes and referring to them each
time a symbol appears in the document, this is also known as
linking. The SVG Refactored fonts were created so that the
symbols would be in a suitable format to do this. <br>
<br>
Also the previous SVG Refinement font was analyzed to only keep
each shape once, then apply the translation (sliding) or rotation
necessary to get the shape required for the symbol. Translation
and rotation of shapes is done anyways in the SVG Refinement
font. There is still room for improvement as identical shapes are
showing in different positions that were not identified by the
simplification algorithm. The font can be hand tweaked at a
latter time to achieve this. So far an 54% improvement on space
the font takes up has been achieved.<br>
<br>
There are three versions of the font.<br>
<br>
Given a list of symbols in a document, a query can get and compose
a definition of all the pieces and how the symbols are put
together. This definition is put in the Defs section of the SVG
document. Then the document itself has references to each of the
symbol definitions which in turn reference each of the shapes
making up the symbol. <br>
<br>
Take for example the FWS of M518x529S14c20481x471S27106503x489
M518x533S1870a489x515S18701482x490S20500508x496S2e734500x468
S38800464x496 <br>
<br>
With the ISWA 2010 SVG Refinement font and the glyphogram to do
the layout it creates this SVG document.<br>
<br>
<pre id="line1"><span class="pi"><?xml version="1.0" standalone="no"?></span><span>
<span id="line2"></span></span><span title="Stray doctype." class="error doctype"><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
<span id="line3"></span> <a moz-do-not-send="true" class="moz-txt-link-rfc2396E" href="http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">"http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd"</a>></span><span>
<span id="line4"></span></span><span><<span class="start-tag">svg</span> <span class="attribute-name">version</span>="<a moz-do-not-send="true" class="attribute-value">1.0</a>" <span class="attribute-name">xmlns</span>="<a moz-do-not-send="true" class="attribute-value">http://www.w3.org/2000/svg</a>" <span class="attribute-name">width</span>="<a moz-do-not-send="true" class="attribute-value">230</a>" <span class="attribute-name">height</span>="<a moz-do-not-send="true" class="attribute-value">1200</a>"></span><span>
<span id="line5"></span></span><span><<span class="start-tag">metadata</span>></span><span>M230x1200S14c2096x20S27106118x38S1870a104x165S1870197x140S20500123x146S2e734115x118S3880079x203</span><span></<span class="end-tag">metadata</span>></span><span>
<span id="line6"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(96,20)</a>" ></span><span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">scale(0.986 1)</a>"></span><span>
<span id="line7"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">base</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 11,9 6,14 6,31 16,31 16,14 11,9 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line8"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">index</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 4 4 L 2.28125 5 L 6.9375 13.0625 L 8.40625 11.59375 L 4 4 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line9"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">middle</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 10 0 L 10 10 L 11 9 L 12 10 L 12 0 L 10 0 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line10"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">ring</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 18 4 L 13.59375 11.59375 L 15.0625 13.0625 L 19.71875 5 L 18 4 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line11"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">baby</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 21.65625,10.5 16,16.1875 16,19 23.0625,11.9375 21.65625,10.5 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line12"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">thumb</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 1.40625 17.59375 L 0 19 L 6 25 L 6 22.1875 L 1.40625 17.59375 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line13"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line14"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(118,38)</a>" ></span><span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(15 0) rotate(90)</a>"></span><span>
<span id="line15"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path2818</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 7,0 0,7 14,7 7,0 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line16"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path2831</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 6,7 8,7 8,14 6,14 6,7 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line17"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path2915</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 20,15 13,8 27,8 20,15 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line18"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path2917</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">m 19,8 2,0 0,-7 -2,0 0,7 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line19"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path2923</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 33,0 26,7 40,7 33,0 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line20"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path2925</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">m 32,7 2,0 0,7 -2,0 0,-7 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line21"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line22"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(104,165)</a>" ></span><span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">scale(0.967 1) translate(30 18) rotate(90) scale(-1,1)</a>"></span><span>
<span id="line23"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">base</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 9 14 C 4.581722 14 1 17.581722 1 22 C 1 26.418278 4.581722 30 9 30 C 13.418278 30 17 26.418278 17 22 C 17 17.581722 13.418278 14 9 14 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line24"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">fill</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 9 16 C 5.6862915 16 3 18.686292 3 22 C 3 25.313708 5.6862915 28 9 28 C 12.313708 28 15 25.313708 15 22 C 15 18.686292 12.313708 16 9 16 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#ffffff</a>" <span>/</span>></span><span>
<span id="line25"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">index</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 16.59375,6.40625 8,15 10.8125,15 18,7.8125 16.59375,6.40625 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line26"></span> </span><span><<span class="start-tag">rect</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">middle</a>" <span class="attribute-name">x</span>="<a moz-do-not-send="true" class="attribute-value">8</a>" <span class="attribute-name">y</span>="<a moz-do-not-send="true" class="attribute-value">0</a>" <span class="attribute-name">width</span>="<a moz-do-not-send="true" class="attribute-value">2</a>" <span class="attribute-name">height</span>="<a moz-do-not-send="true" class="attribute-value">15</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line27"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">ring</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 1.40625,6.40625 0,7.8125 7.1875,15 10,15 1.40625,6.40625 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line28"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line29"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(97,140)</a>" ></span><span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">scale(0.973 0.973) translate(-5.333 7.333) rotate(315)</a>"></span><span>
<span id="line30"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">base</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 9 14 C 4.581722 14 1 17.581722 1 22 C 1 26.418278 4.581722 30 9 30 C 13.418278 30 17 26.418278 17 22 C 17 17.581722 13.418278 14 9 14 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line31"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">fill</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 9 16 C 5.6862915 16 3 18.686292 3 22 C 3 25.313708 5.6862915 28 9 28 C 12.313708 28 15 25.313708 15 22 C 15 18.686292 12.313708 16 9 16 z </a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#ffffff</a>" <span>/</span>></span><span>
<span id="line32"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">index</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 16.59375,6.40625 8,15 10.8125,15 18,7.8125 16.59375,6.40625 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line33"></span> </span><span><<span class="start-tag">rect</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">middle</a>" <span class="attribute-name">x</span>="<a moz-do-not-send="true" class="attribute-value">8</a>" <span class="attribute-name">y</span>="<a moz-do-not-send="true" class="attribute-value">0</a>" <span class="attribute-name">width</span>="<a moz-do-not-send="true" class="attribute-value">2</a>" <span class="attribute-name">height</span>="<a moz-do-not-send="true" class="attribute-value">15</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line34"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">ring</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 1.40625,6.40625 0,7.8125 7.1875,15 10,15 1.40625,6.40625 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line35"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line36"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(123,146)</a>" ></span><span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">scale(0.909 1)</a>"></span><span>
<span id="line37"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">rect2815</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">m 4.75,0 0,4.1875 L 1.125,2.09375 0.375,3.40625 4,5.5 0.375,7.59375 1.125,8.90625 4.75,6.8125 4.75,11 l 1.5,0 0,-4.1875 3.625,2.09375 0.75,-1.3125 L 7,5.5 10.625,3.40625 9.875,2.09375 6.25,4.1875 6.25,0 4.75,0 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line38"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line39"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(115,118)</a>" ></span><span></span><span><<span class="start-tag">g</span>></span><span>
<span id="line40"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path3279</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 5.5,16.5 0,11 11,11 5.5,16.5 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line41"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">path3299</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 9.5,25 C 7.1955445,25 5.326766,21.718612 5.0625,17.5 l 1.96875,0 C 7.1967286,21.160966 8.2342976,24 9.5,24 10.880712,24 12,20.642136 12,16.5 l 0,-8 C 12,4.357864 10.880712,1 9.5,1 8.1192881,1 7,4.357864 7,8.5 L 7,10 5,10 5,8.5 C 5,3.80558 7.0147186,0 9.5,0 l 2,0 C 13.985281,0 16,3.80558 16,8.5 l 0,8 c 0,4.69442 -2.014719,8.5 -4.5,8.5 l -2,0 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line42"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line43"></span></span><span><<span class="start-tag">g</span> <span class="attribute-name">transform</span>="<a moz-do-not-send="true" class="attribute-value">translate(79,203)</a>" ></span><span></span><span><<span class="start-tag">g</span>></span><span>
<span id="line44"></span> </span><span><<span class="start-tag">path</span> <span class="attribute-name">id</span>="<a moz-do-not-send="true" class="attribute-value">rect2815</a>" <span class="attribute-name">d</span>="<a moz-do-not-send="true" class="attribute-value">M 0,0 72,0 72,8 0,8 0,0 z</a>" <span class="attribute-name">fill</span>="<a moz-do-not-send="true" class="attribute-value">#000000</a>" <span>/</span>></span><span>
<span id="line45"></span></span><span></<span class="end-tag">g</span>></span><span></span><span></<span class="end-tag">g</span>></span><span>
<span id="line46"></span></span><span></<span class="end-tag">svg</span>></span></pre>
<br>
Whereas with a refactored font we get this.<br>
<br>
svg version="1.1" id="svg2" height="4800" width="744.09448819"
xmlns:xlink=<a moz-do-not-send="true"
class="moz-txt-link-rfc2396E"
href="http://www.w3.org/1999/xlink">"http://www.w3.org/1999/xlink"</a>
xmlns:svg=<a moz-do-not-send="true" class="moz-txt-link-rfc2396E"
href="http://www.w3.org/2000/svg">"http://www.w3.org/2000/svg"</a>><br>
<defs id="defs1"><br>
<style type="text/css">.nw {fill: white; } .nb {fill:
black ;}</style><br>
</defs><br>
<defs data-bind="html: details" id="defs4"><br>
<path id="p7329_1" class="nb" d="M 11,9 6,14 6,31 16,31
16,14 11,9 z"/><br>
<path id="p7329_2" class="nb" d="M 4 4 L 2.28125 5 L 6.9375
13.0625 L 8.40625 11.59375 L 4 4 z "/><br>
<path id="p7329_3" class="nb" d="M 10 0 L 10 10 L 11 9 L 12
10 L 12 0 L 10 0 z "/><br>
<path id="p7329_4" class="nb" d="M 18 4 L 13.59375 11.59375
L 15.0625 13.0625 L 19.71875 5 L 18 4 z "/><br>
<path id="p7329_5" class="nb" d="M 21.65625,10.5 16,16.1875
16,19 23.0625,11.9375 21.65625,10.5 z"/><br>
<path id="p7329_6" class="nb" d="M 1.40625 17.59375 L 0 19
L 6 25 L 6 22.1875 L 1.40625 17.59375 z "/><br>
<path id="p34273_1" class="nb" d="M 7,0 0,7 14,7 7,0
z"/><br>
<path id="p34753_2" class="nb" d="M 6,7 8,7 8,14 6,14 6,7
z"/><br>
<path id="p35425_3" class="nb" d="M 20,15 13,8 27,8 20,15
z"/><br>
<path id="p35425_4" class="nb" d="m 19,8 2,0 0,-7 -2,0 0,7
z"/><br>
<path id="p35233_5" class="nb" d="M 33,0 26,7 40,7 33,0
z"/><br>
<path id="p35233_6" class="nb" d="m 32,7 2,0 0,7 -2,0 0,-7
z"/><br>
<path id="p12961_1" class="nb" d="M 9 14 C 4.581722 14 1
17.581722 1 22 C 1 26.418278 4.581722 30 9 30 C 13.418278 30 17
26.418278 17 22 C 17 17.581722 13.418278 14 9 14 z "/><br>
<path id="p12961_2" class="nw" d="M 9 16 C 5.6862915 16 3
18.686292 3 22 C 3 25.313708 5.6862915 28 9 28 C 12.313708 28 15
25.313708 15 22 C 15 18.686292 12.313708 16 9 16 z "/><br>
<path id="p12865_3" class="nb" d="M 16.59375,6.40625 8,15
10.8125,15 18,7.8125 16.59375,6.40625 z"/><br>
<rect id="p2017_4" class="nb" height="15" width="2" y="0"
x="8"/><br>
<path id="p12865_5" class="nb" d="M 1.40625,6.40625
0,7.8125 7.1875,15 10,15 1.40625,6.40625 z"/><br>
<path id="p25057_1" class="nb" d="m 4.75,0 0,4.1875 L
1.125,2.09375 0.375,3.40625 4,5.5 0.375,7.59375 1.125,8.90625
4.75,6.8125 4.75,11 l 1.5,0 0,-4.1875 3.625,2.09375 0.75,-1.3125 L
7,5.5 10.625,3.40625 9.875,2.09375 6.25,4.1875 6.25,0 4.75,0
z"/><br>
<path id="p46805_1" class="nb" d="M 5.5,16.5 0,11 11,11
5.5,16.5 z"/><br>
<path id="p46805_2" class="nb" d="M 9.5,25 C 7.1955445,25
5.326766,21.718612 5.0625,17.5 l 1.96875,0 C 7.1967286,21.160966
8.2342976,24 9.5,24 10.880712,24 12,20.642136 12,16.5 l 0,-8 C
12,4.357864 10.880712,1 9.5,1 8.1192881,1 7,4.357864 7,8.5 L 7,10
5,10 5,8.5 C 5,3.80558 7.0147186,0 9.5,0 l 2,0 C 13.985281,0
16,3.80558 16,8.5 l 0,8 c 0,4.69442 -2.014719,8.5 -4.5,8.5 l -2,0
z"/><br>
<path id="p62209_1" class="nb" d="M 0,0 72,0 72,8 0,8 0,0
z"/><br>
<g id="b7329" transform="scale(0.986 1)"><br>
<use xlink:href="#p7329_1"/><br>
<use xlink:href="#p7329_2"/><br>
<use xlink:href="#p7329_3"/><br>
<use xlink:href="#p7329_4"/><br>
<use xlink:href="#p7329_5"/><br>
<use xlink:href="#p7329_6"/><br>
</g><br>
<g id="b35425"><br>
<use xlink:href="#p34273_1"/><br>
<use xlink:href="#p34753_2"/><br>
<use xlink:href="#p35425_3"/><br>
<use xlink:href="#p35425_4"/><br>
<use xlink:href="#p35233_5"/><br>
<use xlink:href="#p35233_6"/><br>
</g><br>
<g id="b12961" transform="scale(1 0.967)"><br>
<use xlink:href="#p12961_1"/><br>
<use xlink:href="#p12961_2"/><br>
<use xlink:href="#p12865_3"/><br>
<use xlink:href="#p2017_4"/><br>
<use xlink:href="#p12865_5"/><br>
</g><br>
<g id="b25057" transform="scale(0.909 1)"><br>
<use xlink:href="#p25057_1"/><br>
</g><br>
<g id="b46805"><br>
<use xlink:href="#p46805_1"/><br>
<use xlink:href="#p46805_2"/><br>
</g><br>
<g id="b62209"><br>
<use xlink:href="#p62209_1"/><br>
</g><br>
<g id="c7329" transform="scale(0.986 1)"><br>
<use xlink:href="#b7329"/><br>
</g><br>
<g id="c35431" transform="translate(15 0) rotate(90)"><br>
<use xlink:href="#b35425"/><br>
</g><br>
<g id="c12971" transform="scale(0.967 1) translate(30 18)
rotate(90) scale(-1,1)"><br>
<use xlink:href="#b12961"/><br>
</g><br>
<g id="c12962" transform="scale(0.973 0.973)
translate(-5.333 7.333) rotate(315)"><br>
<use xlink:href="#b12961"/><br>
</g><br>
<g id="c25057" transform="scale(0.909 1)"><br>
<use xlink:href="#b25057"/><br>
</g><br>
<g id="c46805"><br>
<use xlink:href="#b46805"/><br>
</g><br>
<g id="c62209"><br>
<use xlink:href="#b62209"/><br>
</g><br>
</defs><br>
<g id="svgDoc"><br>
<g transform="translate(61,0)"><br>
<use xlink:href="#c7329" transform="translate (0,0)"/><br>
<use xlink:href="#c35431" transform="translate
(22,18)"/><br>
</g><br>
<g transform="translate(62,73)"><br>
<use xlink:href="#c12971" transform="translate
(7,47)"/><br>
<use xlink:href="#c12962" transform="translate
(0,22)"/><br>
<use xlink:href="#c25057" transform="translate
(26,28)"/><br>
<use xlink:href="#c46805" transform="translate
(18,0)"/><br>
</g><br>
<g transform="translate(44,153)"><br>
<use xlink:href="#c62209" transform="translate
(0,0)"/><br>
<use xlink:href="#c62209" transform="translate
(0,0)"/><br>
</g><br>
<g transform="translate(580,176)"/><br>
</g><br>
</svg><br>
<br>
A Defs section where shapes and symbols are only defined once and
a SvgDoc area where each symbols is positioned for layout. For
such a short document both are quite similar but for a document in
which many shapes and symbols are used in many signs, the document
with the refactored font will be smaller (less bytes). It can also
be styled with CSS.<br>
<br>
The first two, <b>ISWA 2010 SVG Refinement and ISWA 2010 SVG
Refinement Tiny</b>, are contained in SQLite databases and are
intended for use in Desktop Program, or Web Servers. The
difference between the two is that common string pieces were
removed from the SVG text and added back in when reading to
minimize space taken up with a slight tradeoff of slightly
increased in computational cost.<br>
<br>
The third one, <b>ISWA 2010 SVG Refinement JSON</b>, is for use
in the web browser and for offline web applications. It has the
same SignWriting symbol information as ISWA 2010 SVG Refinement
but the SVG parts are stored in JSON for processing with
Javascript. The JSON SVG information is read by Javascript such
as the SignWriter LayoutEngine which saves it to an IndexedDb
browser database once. Then the SignWriter LayoutEngine gets the
symbols and shapes from the local IndexedDb and does not require
to retrieve the symbols over the internet anymore. It will quite
useful for use offline web applications or for saving power on
cell phones and other hand held devices than run their battery
down fast when continuously connecting to the Internet.<br>
<br>
The IndexedDB does not permit webpages from different websites to
access it so it will have to load a copy for each website it is
used on. For casual browsing, the font from the web server may be
a better option but for websites where a user will be using a lot
of SignWriting, users could opt to use the ISWA 2010 SVG
Refinement JSON font. <br>
<br>
The other con is that IndexedDB is only available in FireFox 19.0
and up, Internet Explorer 10.0 and up, Chrome 23.0 and up, Chrome
for Android 25.0 and up, Firefox for Android 19.0 and up. For most
of the other web browsers another javascript library knows as shim
or polyfill has to be used to simulate the IndexedDb. <a
moz-do-not-send="true" class="moz-txt-link-freetext"
href="http://nparashuram.com/IndexedDBShim/">http://nparashuram.com/IndexedDBShim/</a>
This should also make it available for Safari 5.1 and up, Opera
12.1 and up iOS Safari 3.2 and up, BlackBerry Browser 7.0 and up.
For any other browsers, they would have to be connected to the
internet and constantly get the symbols from the web server.<br>
<br>
I have uploaded a sample of s JSON SVG font and the SignWriter
Layout Engine to <a moz-do-not-send="true"
class="moz-txt-link-freetext"
href="http://www.signwriterstudio.com/SignWriterLayoutEngine/SignWritingViewer.html">http://www.signwriterstudio.com/SignWriterLayoutEngine/SignWritingViewer.html</a>.<br>
Click on the Load ISWA to load the all of the SignWriting symbols
into your browser. This may take well over a minute. If you have
your own website, you should consider enabling Gzip to minimize
the bandwith and the page load time. When finished, it will
display "Font in database tested out OK." <br>
Then click on the Show SignWriting. Which will show one column of
SignWriting from the FSW in the input area above it.<br>
<br>
How to use SignWriterLayoutEngine on your website<br>
unzip SignWriterLayoutEngine.zip in your folder<br>
add<br>
<script type="text/javascript"
src="Scripts/jquery-1.8.3.min.js"></script><br>
<script type="text/javascript"
src="Scripts/q.min.js"></script><br>
<script type="text/javascript"
src="Scripts/SignWriterLayoutEngine.js"></script><br>
<script type="text/javascript"
src="Scripts/CreateISWA.js"></script><br>
<br>
to your web page.<br>
<br>
add <br>
<input id="Button2" type="button" value="Load ISWA"
onclick="ISWALoader.LoadISWA();" multiple="multiple"
/><br/> <br>
to load the font into the IndexedDb datatabse in the user's
browser.<br>
<br>
add <br>
<div id="svg1"></div> <br>
to your web page.<br>
<br>
call the <br>
ISWAClient.LoadSymbol(<FSW goes here>); <br>
<br>
from javascript to put the SVG document into the svg1 DIV.<br>
<br>
<br>
<br>
The SignWriterLayoutEngine is released under the MIT Open Source
License so it can be modified by other people to split column into
several or display the symbols horizontally if needed. The source
code is available in CoffeeScript and Javascript. It has
dependencies on JQuery, and Q(promises) only.<br>
It can be downloaded from <a moz-do-not-send="true"
class="moz-txt-link-freetext"
href="http://www.signwriterstudio.com/download/SignWriterLayoutEngine.zip">http://www.signwriterstudio.com/download/SignWriterLayoutEngine.zip</a><br>
<br>
The ISWA 2010 SVG Refinement and ISWA 2010 SVG Refinement Tiny
and ISWA 2010 SVG Refinement JSON or licensed under the MIT Open
Source License.<br>
<br>
Can be downloaded at the bottom of this page <a
moz-do-not-send="true" class="moz-txt-link-freetext"
href="http://www.signwriterstudio.com/download.htm">http://www.signwriterstudio.com/download.htm</a><br>
<br>
These fonts have been part of an effort to include SVG fonts in
SignWriter Studio.<br>
<br>
Well you if you any other questions. Please let me know and I
will do my best to answer them.<br>
<br>
Jonathan<br>
<br>
<div class="moz-signature">-- <br>
<meta http-equiv="Content-Type" content="text/html;
charset=ISO-8859-1">
<meta http-equiv="content-type" content="text/html;
charset=ISO-8859-1">
<title></title>
<div class="moz-signature">
<div> <img src="cid:part108.08090700.01080601@yahoo.ca"
alt="">
<p>email: <a moz-do-not-send="true"
href="mailto:duncanjonathan@yahoo.ca">duncanjonathan@yahoo.ca</a><br>
<a moz-do-not-send="true"
href="mailto:joyoduncan@gmail.com">joyoduncan@gmail.com</a><br>
Cel Honduras: (504)3141-1171<br>
Tel USA: (347)875-8442 <br>
Skype: yojoduncan<br>
<br>
<a moz-do-not-send="true"
href="http://www.signwriterstudio.com/">SignWriter
Studio</a></p>
</div>
</div>
</div>
<br>
</div>
<br>
</body>
</html>