Multiple Fonts in Multiple div-CodePudding

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   style="padding:10px;width:100%;height:40px;"  >Alharbi Font In this Div</div>

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

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

CodePudding user response：

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