間違ったfont-face

Question

メニューを参照http://di20.com.br/novosite/ line-height:100%と定義すると、メニューテキストが期待通りに機能せず、ソースの上部に十分なスペースが得られます。

@font-face {font-family: 'AGAvantGarde';src: url('../fonts/agagcb.eot');src: url('../fonts/agagcb.eot?#iefix') format('embedded-opentype'),url('../fonts/agagcb.woff') format('woff'),url('../fonts/agagcb.ttf') format('truetype'),url('../fonts/agagcb.svg#AGAvantGarde') format('svg');font-weight: normal;font-style: normal;} 

body { 
    font-family: 'AGAvantGarde',Arial; 
    line-height: 100%; 
} 

ありがとう！

UPDATE

問題があるを解決し、そしてフォントに、ではない私のCSSやHTMLに関連する、すべてに感謝！

Answer 1

設定line-height:100%は多少異常です。これは、テキストの設定を意味します。しかし、このような特殊なケースでは問題ないかもしれませんし、手元の問題に関連する必要はありません。

問題が明示的に記述されていない場合は解決策を提示することは困難です。 "期待どおりに動作しません"とは言いません。しかし、私は、メニュー項目を上にして、変化する画像を含む領域に拡張しないようにしなければならないと考えています。少なくとも、変化する画像の背景に対して小さなテキストを読むのは非常に難しいです。その理由の1つは、id=menuのメニューには20pxの上限があるように思われる。

Answer 2

メニューの2行目が水平要素の下に別のメニューとして分類されているためです。

"DESIGN ARQUITETURA"が現在のメニューの下にあるのは、同じ行にないためです。

<ul><li class="item-135"><a href="/novosite/index.php?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=3&amp;Itemid=135" >Design</a></li><li class="item-136"><a href="/novosite/index.php?option=com_k2&amp;view=itemlist&amp;layout=category&amp;task=category&amp;id=4&amp;Itemid=136" >Arquitetura</a></li></ul> 

最初のULの内部に2番目のULが作成されています。

希望すると便利です。

Answer 3

ULに垂直な負のマージンを追加するか、＃topo-containerの高さを上げて、必要な影響のdivの高さを上げながらcssプロパティを追加する必要があるようです。

#topo-container { 
background: url(../images/menu_bg.png) repeat-x; 
top: 0; 
height: 57px; - Change height for more space 
background-size: 100%; 

}

これは、バックグラウンド・サイズはCSS3プロパティである、変更していないようだと、あなたは常に縦に背景を繰り返し可能性があることに注意してください、あなたのテキストのためのより多くのスペースを可能にします。

あなたのウェブサイトのフォントを変更しても、レイアウトはまったく変わっていないようです。

私はあなたがここで何を求めているのか分かりません！

希望します。