<head>
<meta http-equiv=Content-Type content="text/html; charset=unicode">
</head>
<!-- 
THIS CODE AND INFORMATION ARE PROVIDED AS IS WITHOUT WARRANTY OF ANY
KIND, EITHER EXPRESSED OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE
IMPLIED WARRANTIES OF MERCHANTABILITY AND/OR FITNESS FOR A
PARTICULAR PURPOSE.

Author: Daniel Feies - http://spaces.msn.com/members/dfeies
-->

<body style="font:71% Tahoma;">

<p>I noticed that more and more spaces are using some weird unicode characters that 
look like the normal ones but they are not.
<a href="http://spaces.msn.com/members/xdeviliciousx/">Here</a> is a very 
popular space that does that. I spent some time looking into this and I came up 
with this tool to help me generate the weird text. <br>
First I had to identify what font is used on MSN Spaces. After some quick 
investigation it looks the font is Tahoma at 71% size. Then I wrote a very 
simple translation table to convert regular ascii chars into the &quot;weird&quot; ones. 
Also as a bonus I added a simple symbol table.<br>
To write your own translation table open Character Map (click Start/Run, type 
charmap and press enter) select Tahoma and pick your characters. Then if you 
know JScript and HTML, modify this file. Otherwise post a comment in my blog and 
I'll update it when the time permits and you have a really cool table :)<br>
Send all questions, suggestions and comments to <a href="http://spaces.msn.com/members/dfeies">
http://spaces.msn.com/members/dfeies</a>. [Last updated: 8/16/05]</p>
<table style="font:100% Tahoma;">
    <tr>
        <td>
            Type here:<br>
            <div id=src contentEditable=true style="width:500px;height:150px;border:1 solid black;padding:4 4 4 4">
				please vote for my space
			</div>
        </td>
    </tr>
    <tr>
        <td>
            <button onclick="Translate(g_tt1)" alt="Translate">тяαиѕℓαтє :)</Button>&nbsp;
            <div id=dest contentEditable style="width:500px;height:150px;border:1 solid black;padding:4 4 4 4">
            </div>
        </td>
    </tr>
    <tr>
        <td>
            Symbols - select, copy and paste:
            <div contentEditable style="width:500px;height:100px;border:1 solid black;padding:4 4 4 4;font:150% Tahoma">
			©®۩۞∞∫≈≠≤≥▪▫◊●□†♥
            </div>
        </td>
    </tr>
</table>
</body>

<script>
// double quotes and backspace require escaping - ignore them for now
//          " !"#$%&'()*+,-./0123456789:;<=>?@ABCDEFGHIJKLMNOPQRSTUVWXYZ[\]^_`abcdefghijklmnopqrstuvwxyz{|}~";
var g_tt1 = " !?#$%&'()*+,-./0123456789:;<=>?@ABCDЄFGHIJKLMNOPQЯSTUVШXЧZ[?]^_`αвc∂єғgнιjкℓмиσρqяѕтυνωxyz{|}~"

function Translate(tt)
{
  var s = src.innerText;
  var d = "";
  
  for (var i = 0; i < s.length; i++)
  {
    var c = s.charCodeAt(i);
    d += (c > 32 && c < 127) ? tt.charAt(c - 32) : s.charAt(i);
  }

  dest.innerText = d;
}

// GenTable();

// used to generate the initial ascii table
function GenTable()
{
  var s = "";
  for (var i = 32; i < 127; i++)
  {
    s += String.fromCharCode(i);
  }
  dest.innerText = s;
}

</script>