Cómo usar Fuente Web con @ font-face

Question

que quieren cambiar el tipo de letra en mi solicitud a una fuente personalizada, pero el siguiente código no funciona:

@font-face 
{ 
font-family: "ArnoProBold"; 
src: url("resources/fonts/ArnoProBold.ttf"); 
} 
@font-face 
{ 
font-family: "ArnoProCaption"; 
src: url("resources/fonts/ArnoProCaption.ttf"); 
} 
@font-face 
{ 
font-family: "Arn"; 
src: url("resources/fonts/ArnoProLightDisplay.ttf"); 
} 

Answer 1

Hey @Ritesh favor intente algo como esto,

@font-face { 
    font-family: 'ArnoProBold'; 
    src: url('resources/fonts/your_file.eot'); 
    src: url('resources/fonts/fonts?#iefix') format('embedded-opentype'), 
     url('resources/fonts/your_file.woff') format('woff'), 
     url('resources/fonts/your_file.ttf') format('truetype'), 
     url('resources/fonts/your_file.svg#ArnoProBold') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

y así sucesivamente.

Espero que esto ayude. :)