How to change the Personalization font in the Liquid pixels for an personalization item?

First for the implementation we have to create custom fields in the configuration

For the custom fields List/Record has to be given for the options for the personalization fonts. Then in that list we have to add the fonts for personalization.

Then in the configuration record those custom fields has to be added.

The below code already added in the PDP extension and in that internal id is given PDP extension. If that internal Id matches then the font will be updated in the Personalization item.

var companyfont = _.filter(options, function (list) {
return list.cartOptionId == 'custcol_ag_companypersonlizationfont'
						});
companyfont = companyfont[0] && !!(companyfont[0].value) ? companyfont[0].value.internalid : 1;
var compInfoFont = _.filter(configFontArray, function (list) {
return list.internalid == companyfont
						});
						compInfoFont = compInfoFont[0].font;

Internal Id is given in the Configuration record only. So, By using the code we are changing the Fonts as per the requirement.

After making these changes the customized fonts will be reflected for the Personalization item on the website.