Как добавить свойство в css font?

Question

[Andrej Sharapov]

Всем привет.
Подскажите, как настроить скрипт.

Составил скрипт, который подгружает шрифты с гугл фотн. При выборе опции в селекте, в body добавляется font-family и меняется шрифт страницы. Аналогично сделал для толщины и стиля, а вот на счет засечек не могу сообразить.
Решил сделать через чекбокс, он добавляет к font-family еще и sans-serif, а как добавить/убрать засечки по второму щелчку? Или как вернуть при повторном клике предыдущее значение?

<div class='serif-select'>
  <label for='serif'>Sans-Serif <input type='checkbox' id='serif'></label>
</div>

serif.onchange = function() {
  if (serif.checked) {
    body.style.fontFamily += ', sans-serif';
  } else {
    ???
  }
}

Answer 1

[0xD34F]

Мне кажется, вы пытаетесь заниматься какой-то ерундой. Гораздо проще будет вешать/снимать класс, вместо того, чтобы напрямую модифицировать body.style.

UPD. Но конечно можно и модифицировать. Только добавлять/убирать ничего не надо, всегда вычисляйте значения свойств целиком.

Comments

[Andrej Sharapov]

не уверен, поскольку придется создавать более 20 классов (по мере добавления шрифтов) и каждому задавать шрифт. А так они в массиве просто прописаны и в каждой опции соответствует свой шрифт

[Andrej Sharapov]

Before, почему 20 функций? одна) максимум 3 на каждое свойство

[0xD34F]

Ну, дело ваше конечно. Дополнил ответ.