title: How to create a new web character symbol recognizable by html/javascript?
body: <p>I have checked many questions here but none has my answer. I appreciate if you direct me to the right path. </p>
  
  <p>I like to make a new symbol (not a font or related to any alphabet) like creating a new language alphabets that could be recognized or translated in a browser in form of html or javascript code. </p>
  
  <p><em><strong>In other words, assigning single custom character for multiple characters.(e.x 1 ch translates into 5 ch)</em></strong></p>
  
  <p>I assume I need to make the font first and then assign that character. What programs do you suggest or what is the best approach?</p>
  
  <p>Edit:
  A better example:
  Make a new character like ¢ (cent) that has     entity name --> &amp; c e n t; and entity number --> &amp; #  1 6 2;</p>
  
  <p>Edit 2: Thank you all for your replies. I'm trying to check your links and suggestions.As I understand, there might be an issue of browser compatibility. So how about make new symbols in a text file saved on server and when the user views the file, javascript converts those symbols into a word or other standard characters?</p>
  
  <p>Edit3: Sorry for any confusion guys, you are all awesome. This example might clear things.</p>
  
  <p>make a new symbol that assigns to "AB". So one character that translates into two characters?</p>
  
  <p>Edit4:
  <strong><em>This is based on Jared answer. This does work for Z and P. Now how should I add my custom font to this file (replace Z and P with my own)?
  Assuming Z and P are my custom made symbols</em></strong></p>
  
  <pre><code> &lt;!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"
   [
    &lt;!ENTITY Z "AB"&gt;
   &lt;!ENTITY P "DE"&gt;
     ...
  
    ]&gt;
   &lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;
   &lt;head&gt;
  &lt;title&gt;Extending XHTML - Example 1&lt;/title&gt;
   &lt;/head&gt;
    &lt;body&gt;
     &lt;p&gt;My symbols are &amp;Z; and &amp;P;&lt;/p&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>