Как я могу изменить стиль шрифта и выровнять

Question

Я изучал эффект ввода с помощью jquery, нашел этот код в inte rnet и попытался отредактировать его так, чтобы он работал по мере необходимости.

Однако у меня постоянно возникает проблема, заключающаяся в том, что я не в состоянии изменить стиль шрифта, а также сделать выравнивание по центру. Я попытался отредактировать предложение, начинающееся с ~ текста: [~, но оно не сработало.

Ваши советы и подсказки приветствуются.

(function ($) {
  // writes the string
  //
  // @param jQuery $target
  // @param String str
  // @param Numeric cursor
  // @param Numeric delay
  // @param Function cb
  // @return void
  function typeString($target, str, cursor, delay, cb) {
    $target.html(function (_, html) {
      return html + str[cursor];
    });

    if (cursor < str.length - 1) {
      setTimeout(function () {
        typeString($target, str, cursor + 1, delay, cb);
      }, delay);
    }
    else {
      cb();
    }
  }

  // clears the string
  //
  // @param jQuery $target
  // @param Numeric delay
  // @param Function cb
  // @return void
  function deleteString($target, delay, cb) {
    var length;

    $target.html(function (_, html) {
      length = html.length;
      return html.substr(0, length - 1);
    });

    if (length > 1) {
      setTimeout(function () {
        deleteString($target, delay, cb);
      }, delay);
    }
    else {
      cb();
    }
  }

  // jQuery hook
  $.fn.extend({
    teletype: function (opts) {
      var settings = $.extend({}, $.teletype.defaults, opts);

      return $(this).each(function () {
        (function loop($tar, idx) {
          // type
          typeString($tar, settings.text[idx], 0, settings.delay, function () {
            // delete
            setTimeout(function () {
              deleteString($tar, settings.delay, function () {
                loop($tar, (idx + 1) % settings.text.length);
              });
            }, settings.pause);
          });

        }($(this), 0));
      });
    }
  });

  // plugin defaults  
  $.extend({
    teletype: {
      defaults: {
        delay: 100,
        pause: 2000,
        text: []
      }
    }
  });
}(jQuery));

$('#target').teletype({
  text: [
    'Hey.' ,
         'that thing. over the sky' ,
'It is really beautiful'
  ]

});

$('#cursor').teletype({
  text: ['_', ' '],
  delay: 0,
  pause: 500
});