@ फ़ॉन्ट-फेस src: स्थानीय - उपयोगकर्ता के पास पहले से मौजूद स्थानीय फ़ॉन्ट का उपयोग कैसे करें?

Question

@font-face का उपयोग करने का सही तरीका क्या है ताकि उपयोगकर्ता को पहले से ही फ़ॉन्ट डाउनलोड नहीं किया जा सके?

मैं DejaVu को परिभाषित करने के लिए @ font-face का उपयोग कर रहा हूं, जो पहले से ही मेरे सिस्टम (लिनक्स) पर स्थापित है। फ़ायरफ़ॉक्स फ़ॉन्ट डाउनलोड नहीं कर रहा है, लेकिन क्रोमियम इसे हर बार डाउनलोड कर रहा है!

मेरे सीएसएस कोड, पर font squirrel और that question इस तरह नज़र आधारित:

@font-face { 
    font-family: 'DejaVu Serif'; 
    src: url('DejaVuSerif-webfont.eot'); 
    src: local('DejaVu Serif'), url('DejaVuSerif-webfont.woff') format('woff'), url('DejaVuSerif-webfont.ttf') format('truetype'), url('DejaVuSerif-webfont.svg#webfontCFu7RF0I') format('svg'); 
    font-weight: normal; 
    font-style: normal; 
} 

/* ... @font-face definitions for italic and bold omitted ... */ 

@font-face { 
    font-family: 'DejaVu Serif'; 
    src: url('DejaVuSerif-BoldItalic-webfont.eot'); 
    src: local('DejaVu Serif Bold Italic'), url('DejaVuSerif-BoldItalic-webfont.woff') format('woff'), url('DejaVuSerif-BoldItalic-webfont.ttf') format('truetype'), url('DejaVuSerif-BoldItalic-webfont.svg#webfontQAewh7pf') format('svg'); 
    font-weight: bold; 
    font-style: italic; 
} 

Answer 1

आप पहली बार स्थानीय फ़ाइलों के लिए जाँच करना चाहते हैं करते हैं:

@font-face { 
font-family: 'Green Sans Web'; 
src: 
    local('Green Web'), 
    local('GreenWeb-Regular'), 
    url('GraublauWeb.ttf'); 
} 

एक अधिक विस्तृत विवरण of what to do here नहीं है।

Answer 2

मैं वास्तव में font-face के साथ कुछ भी किया है, तो नमक की एक चुटकी के साथ इस ले, लेकिन मुझे नहीं लगता कि वहाँ ब्राउजर के लिए निश्चित रूप से यह बताना है कि किसी दिए गए वेब फ़ॉन्ट को उपयोगकर्ता की मशीन पर इंस्टॉल किया गया है या नहीं।

उपयोगकर्ता, उदाहरण के लिए, उनके मशीन पर एक ही नाम के साथ एक अलग फ़ॉन्ट हो सकता है। निश्चित रूप से बताने का एकमात्र तरीका यह देखने के लिए फ़ॉन्ट फ़ाइलों की तुलना करना होगा कि वे समान हैं या नहीं। और ब्राउज़र पहले आपके वेब फ़ॉन्ट को डाउनलोड किए बिना ऐसा नहीं कर सका।

क्या फ़ायरफ़ॉक्स फ़ॉन्ट डाउनलोड करता है जब आप वास्तव में font घोषणा में इसका उपयोग करते हैं? (उदाहरण के लिए h1 { font: 'DejaVu Serif';)?