Как реализовать динамическую смену шрифта?

Question

[become_iron]

Требуется реализовать динамическую смену шрифта. Т.е. юзер выбирает из выпадающего списка какой-то шрифт, а затем определённые элементы сайта меняют соответственно свой шрифт
Сначала подумывал как-то реализовать класс со свойством font-family, применить этот класс к нужным мне элементам (этих элементов достаточно много и "разбросаны" они по всем сайту), а затем через js менять его. Но не нашёл способа делать это
Как можно это реализовать наиболее удобно и правильно? Использую Angular 2

Answer 1

[Stepanya]

Добавьте тег в head, что-то типа такого

<style>.font { font-family: {{$ctrl.font}};}</style>

Comments

[become_iron]

Вот не знаю насчёт этого: head есть только в index.html, а мои компоненты же встраиваются в него. Вряд ли я смогу из компонента получить доступ к содержимому тега style