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

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

i using @font-face utilize custom fonts

@font-face { font-family: 'simpletext'; src: url('myriadpro-regular.woff') format('woff'); }

now when want utilize doing

<p style="font-family:simpletext ;">lorem ipsum dummy text </p> <span style="font-family:simpletext ;">lorem ipsum dummy text</span>

now instead of repeating guide me how can define class rule , reuse

<p class="simpletext"></p>

this regular css. please check tutorial or similar. not apply @font-face

<style> .your-class { font-family:"simpletext"; } </style> <p class="your-class">lorem ipsum dummy text </p> <span class="your-class">lorem ipsum dummy text</span>

html css fonts