Problem with Fabric.js and Cufon

http://stackoverflow.com/questions/9823552/using-cufon-outside-the-canvas-associated-to-fabric-js

by rodrigopandini

HTML

<script src="https://raw.github.com/kangax/fabric.js/master/dist/all.js"></script>
<script src="https://raw.github.com/kangax/fabric.js/master/lib/fonts/Delicious_500.font.js"></script>
<script src="https://raw.github.com/kangax/fabric.js/5e4811ea204157b39e4ee023ced4631880b64ffd/lib/fonts/DejaVu_Serif_400.font.js"></script>
<script src="http://kangax.github.com/fabric.js/lib/font_definitions.js"></script>
<span id="t">Text outside canvas</span>
<canvas id="c" width="300" height="300"></canvas>

JavaScript

canvas = new fabric.Canvas('c');
canvas.backgroundColor = "#F5F5F5";

canvas.add(new fabric.Text('Text inside canvas', { 
  fontFamily: 'Delicious_500', 
  left: 150, 
  top: 200 
}));

canvas.renderAll();

Cufon.replace('#t',{ fontFamily: 'DejaVu_Serif_400' });