title_body: Efficient way to colour code text? For the purposes of learning Chinese, I want to write every character in a short novel in a colour that corresponds to its tone (pronunciation thing). The book is an epub, and I've been doing the html inside it like this: 
  
  &lt;span style="color:#64B4FF"&gt; 今 &lt;/span&gt;
  
  
  This works to display the colours correctly, but the file is now so big and unwieldy that highlighting and dictionary lookup has become unacceptably slow. Is there a more efficient way to do this, or a better file format to use? I don't want to convert to pdf because then I would lose the ability to do dictionary lookups.
  
  Possibly relevant info: the characters are in utf-8 right now, there are only five possible colours, and I'm using moon+ reader on Android with the goldendict dictionary.
upvoted_answer: If you want to stick with EPUB, you can save space by giving each tone a class with a short name and defining the class's color in the CSS. So the example you gave would look something like this:
  
  &lt;span class="a"&gt; 今 &lt;/span&gt;
  
  
  The CSS file, named something like stylesheet.css, would define the class like this:
  
  span.a {
      color: #64B4FF
  }
  
  
  You'd need to add a link to the stylesheet in the head element of each HTML file like this:
  
  &lt;link href="stylesheet.css" type="text/css" rel="stylesheet"/&gt;
  
  
  The path in href is relative, and this example assumes stylesheet.css is in the same directory as the HTML file.
  
  I don't know if this approach will save enough space to speed up highlighting and dictionary lookups, but it's something to try.