Как сбросить размеры добавленных шрифтов, используя jquery?

Question

Мне нужно сделать сайт доступным. Пользователь должен иметь возможность изменить размер текста. К сожалению, размер шрифта в стилях в PX, поэтому я не могу сделать это быстро. css и мне нужно использовать jquery. У меня есть три кнопки: 1-й увеличить размер шрифта для всех элементов на размер шрифта * 1,05, 2-й увеличить размер шрифта для всех элементов на размер шрифта * 1,1 и 3-я кнопка должна сбросить все добавленные новый размер шрифта для тех, которые в. css файл.

$('.top-mid').on('click', function() {
        $('*').each(function() {
            var fontsize = parseInt($(this).css('font-size'));
            var newFontsize = (fontsize * 1.05) + 'px';
            $(this).css('font-size', newFontsize);
        });
    });
	$('.top-high').on('click', function() {
        $('*').each(function() {
            var fontsize = parseInt($(this).css('font-size'));
            var newFontsize = (fontsize * 1.1) + 'px';
            $(this).css('font-size', newFontsize);
        });
    });

.top li {
  cursor: pointer;
  color: red;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<p>TEst test</p>
<h1>Test test</h1>
<a href=''>aaaaa</a>
<h2>test test h2 </h2>

<ul class="top">
    <li class="top-normal">A</li>
    <li class="top-mid">A<sup>+</sup></li>
    <li class="top-high">A<sup>++</sup></li>
</ul>

Пожалуйста, помогите мне, как сделать верхнюю нормальную кнопку для сброса всех добавленных размеров шрифта с помощью других кнопок