Google Yazı Tipleri için Stil ve Ağırlık Belirtme

Birkaç sayfamda Google yazı tiplerini kullanıyorum ve bir yazı tipinin varyasyonlarını kullanmaya çalışırken duvara tosluyorum. Örnek: http://www.google.com/webfonts#QuickUsePlace:quickUse/Family:Open+Sans

Bağlantı etiketi aracılığıyla Normal, Kalın, ExtraBold olmak üzere üç yüzü içe aktarıyorum. Normal yüz doğru görüntüleniyor, ancak yazı tipinin çeşitlerini CSS'mde nasıl kullanacağımı çözemiyorum

Aşağıdakilerin tümünü yazı tipi ailesi için öznitelikler olarak denedim ama zar yok:

• 'Open Sans Bold'
• 'Açık Sans 700'
• 'Open Sans Bold 700'
• 'Open Sans: Bold'

Google dokümanları kendileri fazla yardım sunmuyor. Bu değişkenleri görüntülemek için CSS kurallarımı nasıl yazmam gerektiğine dair bir fikri olan var mı?

Normal CSS kullanıyorlar.

Normal yazı tipi ailenizi şu şekilde kullanın:

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

Artık yazı tipinin ne kadar "ağırlığa" sahip olacağına karar vermek için

yarı kalın için

font-weight:600;

kalın için (700)

font-weight:bold;

ekstra kalın için (800)

font-weight:800;

Bunun geri dönüş kanıtı olduğu gibi, eğer google yazı tipi "başarısız" olursa, yedek yazı tipiniz Arial / Helvetica (Sans-serif) google yazı tipi ile aynı ağırlığı kullanın.

Oldukça zeki :-)

Farklı yazı tipi ağırlıklarının, başlıktaki bağlantı etiketi url'si (google yazı tipi url'sinin aile sorgu parametresi) yoluyla özellikle içe aktarılması gerektiğini unutmayın.

Örneğin, aşağıdaki bağlantı hem ağırlığı 400 hem de 700'ü içerecektir:

<link href='fonts.googleapis.com/css?family=Comfortaa:400,700'; rel='stylesheet' type='text/css'>

Sorun şu: Google'dan alınan yazı tipi kümesinde bulunmayan yazı tipi ağırlıklarını belirleyemezsiniz. Yazı tipinin altındaki ÖRNEKLERİ GÖR bağlantısını tıklayın, ardından STİLLER bölümüne gidin. Orada, söz konusu yazı tipi için kullanılabilen "stillerin" her birini göreceksiniz. Ne yazık ki Google, her stil için CSS yazı tipi ağırlıklarını listelemiyor. İsimlerin CSS yazı tipi ağırlık sayılarıyla nasıl eşleştiği aşağıda açıklanmıştır:

Thin            100     
Extra Light     200
Light           300
Regular         400
Medium          500
Semi-Bold       600
Bold            700
Black           900

Çok az yazı tipinin 9 ağırlığın hepsinde bulunduğunu unutmayın.

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

Işık için: font-weight : 100; Veya font-weight : lighter;

Normal için: font-weight : 500; Veya font-weight : normal;

Kalın için: font-weight : 700; Veya font-weight : bold;

Daha cesur: font-weight : 900; Veya font-weight : bolder;

Google Yazı Tiplerinde belirtilen ağırlık değerini kullanabilirsiniz.

body{
 font-family: 'Heebo', sans-serif;
 font-weight: 100;
}