@kadotettu_sielu

Как поменять шрифт и размер шрифта при выводе Javascript на сайте?

Есть код, который использует для подмены даты на сайте на +1 день. Использую на тильде, в зероблок. Код работает, но выводит элемент не в "шрифте" сайта и не в нужном размере элемента, а в дефолтном ариале и обычном шрифте

<script type="text/javascript">
//Объявляем переменную даты
var    Data = new Date(),
       TwoDay = new Date();
let Time = Data.getHours();   
let Minutes = Data.getMinutes();   

let dayPlus = 0; 
if (Time>=3 && Minutes>00 ) dayPlus=1;
TwoDay.setDate(Data.getDate()+dayPlus);
Month = TwoDay.getMonth();
Day = TwoDay.getDate();
Day2 = Data.getDate();
Year = TwoDay.getFullYear();
switch (Month)
{
  case 0: fMonth="января"; break;
  case 1: fMonth="февраля"; break;
  case 2: fMonth="марта"; break;
  case 3: fMonth="апреля"; break;
  case 4: fMonth="мая"; break;
  case 5: fMonth="июня"; break;
  case 6: fMonth="июля"; break;
  case 7: fMonth="августа"; break;
  case 8: fMonth="сентября"; break;
  case 9: fMonth="октября"; break;
  case 10: fMonth="ноября"; break;
  case 11: fMonth="декабря"; break;
}
//Выводим дату в заголовок формы
$('.datekurs').html('<b>'+Day+' '+fMonth+'</b>');

</script>


Пробовал вставлять document.getElementById("datekurs").style.font="italic bold 20px arial,serif"; для смены шрифта и размера, но не сработало.

Как поменять шрифт, размер шрифта при выводе элемента в переменной дэйткурс? Прочитал несколько статей, сам не силен в программировании, обычно делал просто видоизменяя чужой код, а тут не могу понять куда вставлять.
  • Вопрос задан
  • 153 просмотра
Пригласить эксперта
Ответы на вопрос 1
delphinpro
@delphinpro Куратор тега JavaScript
frontend developer
$('.datekurs')
  .css({
    fontFamily: 'monospace',
    fontSize: '30px',
    color: 'red',
    // и т.д. Любое css свойство
  })
  .html('<b>'+Day+' '+fMonth+'</b>');
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы