कैसे @ फॉन्ट-फेस के साथ webfont उपयोग करने के लिए

Question

मैं एक कस्टम फ़ॉन्ट के लिए अपने आवेदन में फ़ॉन्ट परिवर्तित करना चाहते हैं, लेकिन निम्नलिखित कोड काम नहीं कर रहा:

@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

@Ritesh अरे कृपया कुछ इस तरह की कोशिश,

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

और इसी तरह।

मुझे उम्मीद है कि इससे मदद मिलती है। :)