सीएसएस बहुत पतला फ़ॉन्ट?

Question

मैं सीएसएस के साथ बहुत पतले फोंट कैसे बना सकता हूं, जैसे http://www.google.com/landing/newgadgets/ पर?

अभी मैं इसका उपयोग कर रहा हूं, लेकिन मैं एक मैक पर हूं और मुझे नहीं लगता कि "हेल्वैटिका नियू" विंडोज़ पर समर्थित है।

h1{ 
    font-size:64px; 
    font-family:Helvetica Neue, Helvetica, Arial, sans-serif; 
    font-weight:100; 
} 

पतली, कुरकुरा फोंट के लिए कोई विचार?

Answer 1

गूगल अपने फ़ॉन्ट एपीआई और सीएसएस के @font-face

का उपयोग कर अपने कोड में निम्न संदर्भ देखें है:

<link href="//fonts.googleapis.com/css?family=Open+Sans:300,400,600,700&amp;subset=latin" rel="stylesheet"> 

नीचे सटीक परिभाषा है कि "रजिस्टर" कहा है फ़ॉन्ट:

@font-face { 
    font-family: 'Open Sans'; 
    font-style: normal; 
    font-weight: 400; 
    src: local('Open Sans'), local('OpenSans'), url('http://themes.googleusercontent.com/static/fonts/opensans/v5/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff') format('woff'); 
} 

फिर वे बस उस फ़ॉन्ट को तत्व/एस पर लागू करते हैं:

h1, h2, h3, h4, blockquote, q, .maia-nav ul { 
    font-family: 'open sans',arial,sans-serif; 
} 

नोट:@font-face फोंट निचले स्तर ब्राउज़रों पर crisply प्रस्तुत करना नहीं है। यदि आपको उनका समर्थन करने की आवश्यकता है - http://cufon.shoqolate.com/

Answer 2

बस उस फ़ॉन्ट को Google's Web Fonts से पकड़ें।

, फोंट आप चाहते हैं का चयन करें शैलियों का चयन करें (बोल्ड, इटैलिक, आदि) और गूगल आपको एक <link /> तत्व अपने HTML में शामिल करने के लिए दे देंगे।

वर्तमान फ़ॉन्ट ओपन संस कहा जाता है यही कारण है कि:

<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'> 

अब आप इसका इस्तेमाल कर सकते हैं:

font-family: 'Open Sans', sans-serif; 

Answer 3

मैं गूगल फ़ॉन्ट्स का उपयोग करें। एक पतली उदाहरण:

https://fonts.google.com/specimen/Raleway