वेब सेफ फ़ॉन्ट वजन - पतला कैसे प्राप्त करें?

Question

जब मैं फ़ोटोशॉप में डिज़ाइन करता हूं, तो मेरे फ़ॉन्ट पतले और कुरकुरे होते हैं, लेकिन जब मैं सीएसएस में फोंट घोषित करता हूं - यहां तक ​​कि फ़ॉन्ट-वेट का उपयोग करते समय भी: लाइटर - फोंट हमेशा बोल्ड दिखाई देते हैं।

शायद यह है कि ब्राउजर फ़ॉन्ट कैसे प्रस्तुत करता है (आईई फोंट में पतली रहती है), लेकिन मैं सोच रहा था कि क्या एक ही पतली, कुरकुरा दिखने के लिए कोई चाल या युक्तियां थीं।

Answer 1

आप सही हैं, यह प्रतिपादन में एक अंतर है। टेक्स्ट रेंडर आपके ओएस, आपकी सेटिंग्स और आपके ब्राउज़र पर निर्भर करता है (उदाहरण के लिए सफारी, आईई से बोल्डर प्रस्तुत करता है)। तो इस प्रतिपादन को आपके फ़ोटोशॉप कंप से मेल करने का कोई तरीका नहीं है।

एक अधिक जानकारी बिट:

Browser Choice vs Font Rendering | Phinney on Fonts

Answer 2

फ़ॉन्ट प्रतिपादन जटिल हो सकता है। दुर्भाग्यवश, अलग-अलग ब्राउज़र एक ही फ़ॉन्ट को अलग-अलग प्रस्तुत करेंगे।

जहां तक ​​सीएसएस चला जाता है, font-weight:100 सेट करना सुनिश्चित करता है कि हल्के उपलब्ध वजन का उपयोग किया जाएगा। आप -webkit-font-smoothing:antialiased सेट भी कर सकते हैं।

<style type="text/css"> 
    body { 
     font-family:"Helvetica Neue", Arial, sans-serif; 
     font-weight:100; 
     -webkit-font-smoothing:antialiased; 
    } 
</style> 

Helvetica Neue OSX के लिए एक बहुत पतली फ़ॉन्ट निवासी है।

आपका सबसे अच्छा शर्त वास्तव में http://www.google.com/fonts/

भी उल्लेखनीय है:
https://typekit.com/
http://www.fontsquirrel.com/tools/webfont-generator

Answer 3

मैं सार्वभौमिक वेब फोंट में से किसी एक सभी ब्राउज़रों में एक बहुत पतली वजन है विश्वास नहीं है। हालांकि, अब सभी प्रमुख ब्राउज़रों में कस्टम फोंट एम्बेड करने के तरीके हैं।

http://typekit.com/
http://www.google.com/webfonts
http://www.fontsquirrel.com/fontface/generator

इन उपकरणों के किसी भी तुम सिर्फ फॉन्ट के किसी भी प्रकार आप कल्पना कर सकते के बारे में मिल सकती है। बस पिछले एक पर कॉपीराइट के साथ सावधान रहें।

Answer 4

उपयोग सीएसएस अपने फोंट अप सम करने के लिए ...

अपने सीएसएस में रखते:

-webkit-font-smoothing: antialiased;