@ क्रोम

Question

पर फ़ॉन्ट-फेस काम नहीं कर रहा है मैं Google क्रोम का नवीनतम संस्करण उपयोग कर रहा हूं और यह बिल्कुल फ़ॉन्ट फेस प्रस्तुत नहीं करेगा।

मैं डेबियन लिनक्स चला रहा हूं, और क्रोमियम समेत अन्य सभी ब्राउज़रों में फोंट को सही तरीके से शामिल किया गया है।

फ़ॉन्ट चेहरा घोषणा मैं उपयोग कर रहा हूँ है:

@font-face { 
    font-family: Dejaweb; 
    src: url('DejaWeb.ttf'); 
} 

@font-face { 
    font-weight: bold; 
    font-family: Dejaweb; 
    src: url('DejaWeb-Bold.ttf'); 
} 

Answer 1

इसके अलावा इस

src:url('DejaWeb-Bold.ttf') format('truetype'), 

प्रयास करें से जहाँ आप उन्हें तब मिला मैं सभी लेखन सुझाव है अगर फोंट अन्य विभिन्न प्रारूप में उपलब्ध हैं क्रॉस ब्राउज़र को निम्नलिखित तरीके से संगत रूप से

@font-face { 
    font-family: "Dejaweb"; 
    src: url("DejaWeb-Bol.eot") format('embedded-opentype'), /* EDIT correction on this line */ 
    url('DejaWeb-Bol.woff') format('woff'), 
    url('DejaWeb-Bol.ttf') format('truetype'), 
    url('DejaWeb-Bolsvg#') format('svg'); 
    font-weight:bold; 
    font-style:normal; 
    } 

Answer 2

यदि आप अपनी फ़ॉन्ट फ़ाइलों को एक में डालते हैं फ़ोल्डर नाम "फोंट" और "शैली" नाम फ़ोल्डर में अपने सीएसएस फ़ाइलें, तो आप इस

@font-face { 
font-weight: bold; 
font-family: Dejaweb; 
src: url('../fonts/DejaWeb-Bold.ttf'); } 

तरह यूआरएल मैं सिर्फ इस तरह एक ही गलती को सही लिखना चाहिए।

Answer 3

जब भी @ फॉन्ट-फेस बेवजह माना जाता है कि अनुरूप ब्राउज़र में मेरे लिए काम नहीं करता, मैं यह मेरी .htaccess फ़ाइल में छोड़ देते हैं। माना जाता है कि कुछ ब्राउज़र अन्य डोमेन पर होस्ट किए गए फोंट लोड नहीं करेंगे, और कोड का यह बिट समस्या निवारण करता है, लेकिन कभी-कभी यह एकमात्र उपाय है जो फोंट को लोड करने के लिए मजबूर करता है जो कि उसी डोमेन पर होस्ट किया जाता है। आम तौर पर क्रोम के साथ फ़ायरफ़ॉक्स के साथ यह एक मुद्दा है, लेकिन फ़ायरफ़ॉक्स ठीक काम कर रहा था, लेकिन अब मैंने क्रोम में फोंट को मजबूर करने के लिए इसका इस्तेमाल किया था। जाओ पता लगाओ।

<FilesMatch "\.(ttf|otf|eot)$"> 
<IfModule mod_headers.c> 
Header set Access-Control-Allow-Origin "*" 
</IfModule> 
</FilesMatch> 

एक और बेवजह अजीब बात मैं @ फॉन्ट-फेस वाक्य रचना के साथ हुआ पड़ा है कि यह नाम पर टोपी के साथ ठीक से फ़ॉन्ट फ़ाइलों को लोड नहीं होता था। यह केवल एक बार एक मुद्दा था, और डेस्क के खिलाफ बार-बार अपने सिर को टक्कर मारने के बाद @ फ़ॉन्ट-फेस विभिन्न तरीकों का एक गुच्छा, आखिरी उपाय के रूप में मैंने सभी फ़ॉन्ट फ़ाइलों और फ़ॉन्ट-फ़ैमिली नाम को लोअरकेस वर्णों में बदल दिया, और यह ठीक काम किया (मुझे लगता है कि यह हमेशा के लिए आईई में एक मुद्दा था, और केवल एक वेबसाइट मैं कर रहा था, एक और वेबसाइट पर सटीक उसी वाक्यविन्यास ऊपरी और लोअरकेस पात्रों के साथ ठीक काम किया)।

Answer 4

@font-face {  
font-family: 'FONT-NAME'; 
src: url('RELATIVE-FONT-URL') format('FONT-FORMAT'); 
} 

div { 
    font-family: 'FONT-NAME'; 
    font-weight: normal; 
    font-style: normal; 
} 

मेरे लिए काम करने वाले सामान्य मूल्य के साथ फ़ॉन्ट-वेट और फ़ॉन्ट-शैली जोड़ना।