2016-03-30 6 views
0

ここにある2つのフォントフェイスのいずれかを正常に使用するWebページがあります。私は、ユーザがCubanoフォントでスタイルされたトップメニューのdivタグを見ることができるようにし、ページのテキストの残りの部分は開いたままにしておきたい。 @ font-faceはちょうどユニークなようですので、2つのfont-familysを追加することはできません。htmlページに2つのカスタムフォントを持つようにCSSフォントのスタイルを設定する

EDIT:デモはrate1.htmlページでご覧いただけます。オープンSAN用

@font-face { 
font-family: 'OpenSans'; 
src: url("fonts/opensans.ttf") format('truetype'); 
font-weight: normal; 
font-style: normal 
} 

@font-face { 
font-family: 'Cubano'; 
src: url("fonts/cubano-webfont.ttf") format('truetype'); 
font-weight: normal; 
font-style: normal 
} 


body { 
font: 32px/40px 'OpenSans', sans-serif; 
color: #777; 
} 

body div.recent { 
font: 32px/40px 'Cubano', sans-serif; 
color: #777999; 
} 
+0

これは私にはうまく見えます....あなたは**これは**動作していないデモできますか? –

+1

どちらが動作していないのですか? – Aziz

+0

私はフォントが同じフォルダにないことに注意してください... –

答えて

1

あなたは(の.cssファイルに)@importを使用することができます。

@import url(https://fonts.googleapis.com/css?family=Open+Sans); 

または<head>でそれをリンク:

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

は、より多くのオプションhere

を参照してください。
関連する問題