Arkadaşlar aşağıda h1 ve h2 tagları içindeki Başlık 1-2 yazan metinlerin fontunu değiştirmek istiyorum yardımcı olabilirmisiniz. Teşekkürler.

<ul>
        <li class="active animate"> <img src="assets/img/phone-replace2.png" alt="">
          <article>
            <hgroup>
              <h2 data-text="Başlık 1">BAŞLIK 1</h2>
              <h1 data-text="Başlık 2">BAŞLIK 2</h1>
            </hgroup>
            <p>Lorem ipsum</p>
            <a href="#" onclick="goToByScroll('siparis')"><img alt="" src="assets/img/satinal.png"></a> </article>
        </li>
      </ul>