createHTMLLink.js

var createLink = function(fontFamily) {
			
    var headID = document.head;
    var link = document.createElement('link');
    link.rel = 'stylesheet';
            
    headID.appendChild(link);
    link.href = 'https://fonts.googleapis.com/css?family=' + fontFamily;
}

var loadFonts = function() {

	jQuery.getScript('https://cdnjs.cloudflare.com/ajax/libs/fontfaceobserver/2.0.1/fontfaceobserver.js', function () {

		var font = new FontFaceObserver("Pacifico");
        createLink(font.family);

		font.load().then(function () {
            createGUI(font.family);
		});
		
	});

}