font String

The font to use for rendering the text. Accepts the standard CSS font syntax.

Examples of valid font values:

  • Size and family: "2em 'Open Sans', sans-serif"
  • Style, size and family: "italic 2em 'Open Sans', sans-serif"

Example - setting the font for a text

<div id="surface"></div>
<script>
  var draw = kendo.drawing;
  var geom = kendo.geometry;

  var position = new geom.Point(10, 10);
  var text = new draw.Text("Foo", position, {
    font: "italic 18px 'Open Sans', sans-serif"
  });

  var surface = draw.Surface.create($("#surface"));
  surface.draw(text);
</script>
In this article