Cara vai depender um pouco de como vc montou seu CSS como um todo, mas vc pode adicionar uma classe no body
com uma nova font-family
, e com isso tudo que estiver dentro vai herdar esse novo font-family
da classe adicionada no body
Esse exemplo é com jQuery, e quando vc clica na no BTN
ele adiciona a classe .fonte
no body
com o font-family
novo.
$( "#btn" ).click(function() {
$("body").toggleClass("fonte");
$(this).toggleClass("ativo");
});
body {
font-family: 'Times New Roman', Times, serif;
}
body.fonte {
font-family: arial;
}
#btn.ativo {
background-color: green;
}
#btn {
background-color: red;
cursor: pointer;
}
<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<div id="btn">btn</div>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Recusandae quibusdam nostrum, eveniet ullam voluptas blanditiis quos unde pariatur maiores quasi laudantium modi dolorem officia, corporis distinctio doloribus molestias ipsa autem.</p>