title: Remove/ignore white-space or ink from a symbol/it's glyph
body: <p>This symbol: &#9652; (HTML code,  <code>&amp;#9652;</code>). Try selecting it, as you'll see, it as every other symbol has whitespace around.</p>
  
  <p>Is there a way to remove this whitespace, so the symbol is simply like if it would've been a drawn image?</p>
  
  <p>I tried using CSS's <code>clip</code> property, but didn't work.</p>
  
  <p>Any possible ways with CSS only? Or a way to calculate where actual symbol starts with javascript and then apply with calculation to position this symbol according to it's real borders?</p>
  
  <p>Intended to be used with a fixed font.</p>
  
  <p>Thanks in advance!</p>