Using @font-face to implement custom fonts multiple times in web page

Question

I am using @font-face to use custom fonts like this

 @font-face {
  font-family: 'Simpletext';
  src: url('MYRIADPRO-REGULAR.woff') format('woff'); 
}

now when i want to use this i am doing like this

<p style="font-family:Simpletext ;">Lorem Ipsum is simply dummy text </p>
<span style="font-family:Simpletext ;">Lorem Ipsum is simply dummy text</span>

Now instead of repeating this will someone guide me how can i define it just like a class rule and reuse it like this

 <p class="Simpletext"></p>

Answer 1

This is regular CSS. Please check a tutorial or similar. This does not apply to @font-face

<style>
    .your-class {
        font-family:"Simpletext";
    }
</style>
<p class="your-class">Lorem Ipsum is simply dummy text </p>
<span class="your-class">Lorem Ipsum is simply dummy text</span>