Jak korzystać webfont z @ font-face

Question

Chcę zmienić czcionkę w swoim wniosku do niestandardowej czcionki ale następujący kod nie działa:

@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

Hej @Ritesh spróbuj coś takiego,

@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; 
} 

i tak dalej.

Mam nadzieję, że to pomoże. :)