Fonts are not connected, how to implement?

Question

Fonts

I connect like this

@font-face {
    font-family: pacifico; 
    src: url(pacifico.woff); 
   }

I need this class to have such a font, but nothing happens

.logo p {
padding-top:79px;
margin-left: -15px;
font-weight: bold;
font-family:pacifico;
 }

Answer 1

Try something like this and add other font formats so that all browsers understand

@font-face {font-family: 'PT Serif'; 
  src: url('/Content/Fonts/ptf55f_w.eot'); 
  src: local('PT Serif'), url('/Content/Fonts/ptf55f_w.woff') format('woff'),url('/Content/Fonts/ptf55f_w.ttf') format('truetype'), url('/Content/Fonts/ptf55f_w.svg#PTSerif-Regular') format('svg');}

.PT-Sans-Caption {
  font-family:'PT Sans Caption';
}