Styled tooltips

JavaScript library.

Utilizing unicode built-in font variants it's possible to create formatted text without any markup. This allows to include formatted texts anywhere where formatting or mark up is not supported such as browser native tooltips.

Examples and usage

Fv-title requires Runes.js to run. Since it's a Node.js module this will require some additional code to run it client-side.

<script>
  // Fake Node.js module to use Runes.js client side
  var module = {};
  module.exports = function(url) {
    var parsed = url.parse(url);
    return parsed.hash;
  };
</script>
<script src="https://cdn.rawgit.com/dotcypress/runes/develop/index.js"></script>
<script src="https://cdn.rawgit.com/iDreadful/fv-title/d716d28f/fv-title.js"></script>
Bold — test me!
<div
  fv-title="<b></b>"
>
</div>
Italic — test me!
<div
  fv-title="<i></i>"
>
</div>
Bold italic — test me!
<div
  fv-title="<bi></bi>"
>
</div>
$(document).ready( function(){
  fv_start();
});

Mixing magic ingridients

Mixed markup — test me!

Personal project