title: Filled "o" character in unicode or imitated via CSS
body: <p>I need to write this text in HTML:</p>
  
  <p><a href="https://i.stack.imgur.com/7NZCy.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7NZCy.png" alt="Now."></a></p>
  
  <p>I tried to use some unicode characters like <a href="http://www.fileformat.info/info/unicode/char/25CF/index.htm" rel="nofollow noreferrer">● Unicode Character 'BLACK CIRCLE' (U+25CF)</a> or <a href="http://www.fileformat.info/info/unicode/char/2b24/index.htm" rel="nofollow noreferrer">⬤ Unicode Character 'BLACK LARGE CIRCLE' (U+2B24)</a> but they need some styling (i.e. the size is different than in <code>o</code>) and have problem displaying on some systems and fonts.</p>
  
  <p>Can you suggest a better solution? It can be a wide-accepted unicode character or some CSS imitation (in that case it would be nice if HTML still contains <code>Now.</code> string for good indexing). Image is not an option.</p>