Font for different page

Hi, 

Does anyone know if its possible to assign different font type for different pages?

Example,

I want my home page paragraph (p2)  font to be BigCaslon.

Then my work page captions (p3)to be Avenir condensed font.

How do I do this? I used this code:

@font-face { 
font-family: 'TimesNew';
src: url(https://static1.squarespace.com/static/5f88591ef557bc4dba99bfcc/t/5f892ece5c38b61f0fd50432/1602825934496/times+new+roman.ttf)
  
}
P {
  font-family: TimesNew , openSans;
}

But this affects the entire body paragraph (P) for all the pages. I can't assign it as P2 or P3. How do I do this? Please help.

Thank you in advance 🙂