Fabric/Text measuring

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.1/fabric.min.js"></script>

<canvas id="canvas" width="400" height="400"></canvas>

CSS

@import url(//fonts.googleapis.com/css?family=Great+Vibes:400);
body {
  font: 12pt 'Great Vibes';
}

canvas {
  border: 1px solid #000;
}

JavaScript

var canvas = new fabric.Canvas('canvas');
canvas.enableRetinaScaling = false;

var text = new fabric.IText('Lord', {
originX: 'left',
originY: 'top',
left: 0,
top: 0,
fontSize: 120,
fontFamily: 'Great Vibes'
});

canvas.add(text);
canvas.setActiveObject(text);