2016-03-30 34 views
0

html sayfam için Google yazı tiplerini kullanmaya çalışıyorum.Google font - belirli bir font-ailesine nasıl yazılır?

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

Ben font-family ismi yerine farklıdır bunu yapmaya çalıştım aynı

/* latin */ 
@font-face { 
font-family: 'Montserrat'; 
font-style: normal; 
font-weight: 400; 
src: local('Montserrat-Regular'), url (http://fonts.gstatic.com/s/montserrat/v6/zhcz-_WihjSQC0oHJ9TCYPk_vArhqVIZ0nv9q090hN8.woff2) format('woff2'); 
unicode-range: .. 
} 

/* latin */ 
@font-face { 
font-family: 'Montserrat'; 
font-style: normal; 
font-weight: 700; 
src: local('Montserrat-Bold'), url (http://fonts.gstatic.com/s/montserrat/v6/IQHow_FEYlDC4Gzy_m8fcoWiMMZ7xLd792ULpGE4W_Y.woff2) format('woff2'); 
unicode-range: .. 
} 

ama hiçbir başarı ile bekliyoruz.

.one { 
    font-family: 'Montserrat'; 
    font-size: 11px; 
    font-weight: 700; 
} 
two { 
    font-family: 'Montserrat'; 
    font-size: 11px; 
    font-weight: 400; 
} 

CSS'mdeki iki farklı yazı tipini nasıl tanımlarım? Teşekkür ederiz

+1

. Sorunu göstermek için bir stacksnippet veya bir jsfiddle.net yapabilir misiniz? –

+0

belki ''' iki 'eksik? Ya da sadece bir yazım hatası? –

cevap

2

Bu çalışıyor, ancak noktayı (.) CSS'de two'un önünde eksiksiniz. Aşağıdaki parçacığını bakınız: Farklı font-weight nedeniyle mükemmel çalışması gerekir

.one { 
 
    font-family: 'Montserrat'; 
 
    font-size: 11px; 
 
    font-weight: 700; 
 
} 
 
.two { 
 
    font-family: 'Montserrat'; 
 
    font-size: 11px; 
 
    font-weight: 400; 
 
}
<link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'> 
 
<span class="one">This is text on "one" with weight 700</span><br/> 
 
<span class="two">This is text on "two" with weight 400</span>

İlgili konular