Multiple Fonts in Multiple div

I have following code to use
Multiple Fonts in Multiple div
the fonts classes not work in side div

<style>

@font-face {font-family: 'Alharbi';src: url('/fonts/Alharbi.ttf');
@font-face {font-family: 'Tahoma';src: url('/fonts/Tahoma.ttf');
@font-face {font-family: 'Kufyan';src: url('/fonts/Kufyan.ttf');


.Alharbi{   font-family: 'Alharbi';}
.Tahoma{    font-family: 'Tahoma';}
.Kufyan{    font-family: 'Kufyan';}

</style>



<div  class="Alharbi  text-center" style="padding:10px;width:100%;height:40px;"  >Alharbi Font In this Div</div>

<div  class="Tahoma  text-center" style="padding:10px;width:100%;height:40px;"  >Tahoma Font In this Div</div>

<div  class="Kufyan  text-center" style="padding:10px;width:100%;height:40px;"  >Kufyan Font In this Div</div>

>Solution :

You must place a } on the end of the @font-face methods.