I managed to create a font with opentype.js. Also it works perfectly to download this font over the download function. But i need the font to be saved in a folder on the server too. I tried to inspect the download function which is like this:
Font.prototype.download = function(fileName) {
var familyName = this.getEnglishName('fontFamily');
var styleName = this.getEnglishName('fontSubfamily');
fileName = fileName || familyName.replace(/\s/g, '') + '-' + styleName + '.otf';
var arrayBuffer = this.toArrayBuffer();
if (isBrowser()) {
window.URL = window.URL || window.webkitURL;
if (window.URL) {
var dataView = new DataView(arrayBuffer);
var blob = new Blob([dataView], {type: 'font/opentype'});
var link = document.createElement('a');
link.href = window.URL.createObjectURL(blob);
link.download = fileName;
var event = document.createEvent('MouseEvents');
event.initEvent('click', true, false);
link.dispatchEvent(event);
} else {
console.warn('Font file could not be downloaded. Try using a different browser.');
}
} else {
var fs = require('fs');
var buffer = arrayBufferToNodeBuffer(arrayBuffer);
fs.writeFileSync(fileName, buffer);
}
};
But I can not understand how I can get the file out from this and pass it to the server via ajax. Is there a way to do that?