更改jquery中的字体系列

我想将css中的font-family:'Pinyon Script';更改为font-family:'Ariel';到select input data-fields。我正在根据客户的选择在产品上打印文本。我搜索了问题数据库，并尝试了不同的""'字体名称周围的选项，但没有帮助。我的剧本正确吗？

<form>
<input data-field-id="5f0124e773aa8" />
<select data-field-id="5f012882c6562">
<option data-wapf-label="handwriting">handwriting</option>
<option data-wapf-label="typewriting">typewriting</option>
</select>
<div class="woocommerce-product-gallery--with-images"></div>
</form>

jQuery(document).ready(function($) {

var fieldId = "5f0124e773aa8"; 
var defaultText = "My name"; 

if(!jQuery('input[data-field-id="'+fieldId+'"]').length)
return;

var $el = jQuery('<div class="sw_poster_text2">').html(defaultText);
$el.appendTo(jQuery('.woocommerce-product-gallery--with-images'));

jQuery(document).on('change keyup','input[data-field-id="'+fieldId+'"]',function(){
var v = jQuery(this).val() || defaultText;
jQuery('.sw_poster_text2').html(v);

}).trigger('change');
$("select[data-field-id='5f012882c6562']").change(function() {
var font-family = $(this).find('option:selected').data('wapf-label');
if(font-family == 'handwriting')
font-family = 'Pinyon Script';
if(font-family == 'typewriting')
font-family = 'Arial';
$(".sw_poster_text2").css("font-family", font-family);
});  
});