SpreadJS单元格字体设置

SpreadJS中Style是我们经常使用的功能，而字体也是其中比较重要的一部分，今天我们详细说说字体的设置使用。

SpreadJS单元格的字体设置是遵守CSS font 属性规则，通过设置SpreadJS中Style的font属性可改变字体样式。例如设置style.font = 'italic small-caps bold 20pt/22pt "Times New Roman",Georgia,Serif'; 可以得到如下效果。只需要根据css font 属性规则设置不同参数即可。

SpreadJS并没有提供针对font-size、font-weight等属性的单独设置，如果我们希望更新一个单元格字体的某个属性，可以借助HTML元素。下面代码中我们使用JQuery创建一个DOM元素，将单元格font复制给span，然后使用JQuery的css方法改变font不同属性的内容，最后获取font字符串，重新设置到单元格Style。

$("#btnChangeFont").click(function(){
	var cssStyle = activeSheet.getStyle(2,2) || new GcSpread.Sheets.Style();
	var fontElement = $("<span></span>");
        fontElement.css("font", cssStyle.font);
        fontElement.css("font-style", 'oblique');
        fontElement.css("font-variant", 'normal');
        fontElement.css("font-weight", 'lighter');
        fontElement.css("font-size", '300%');
        fontElement.css("font-family", 'arial,sans-serif');
        cssStyle.font = fontElement.css("font");
        activeSheet.setStyle(2,2,cssStyle,GcSpread.Sheets.SheetArea.viewport);
});