title: manipulate font using select
body: <p>How can i let the user change text size and font i have a drop down and i want to let the user change the font and text size i don't want it to be just one size and and font I have tried this but it doesn't work. i want to change (font = '64px impact',) so i can edit text using drop downs i have all that code i just need to edit this part thats all </p>
  
  <pre><code>  var ctx = demo.getContext('2d'),
  font = '64px impact',
  w = demo.width,
  h = demo.height,
  curve,
  offsetY,
  bottom,
  textHeight,
  isTri = false,
  dltY,
  angleSteps = 180 / w,
  i = w,
  y,
  os = document.createElement('canvas'),
  octx = os.getContext('2d');
  
   os.width = w;
   os.height = h;
  
  octx.font = font;
  octx.textBaseline = 'top';
  octx.textAlign = 'center';
  </code></pre>
  
  <p>this is what i have in my draggable it works great is it possible to do samething like that<br>
   for font = '64px impact'</p>
  
  <pre><code> $("#fs").change(function() {
  selectedDraggable.css("font-family", $(this).val());
  });
  
  
  
   $("#size").change(function() {
  selectedDraggable.css("font-size", $(this).val() + "px");
   });
  </code></pre>