Неверный шрифт-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% несколько ненормальна: это означает, что текст для текста твердый. Но в особых случаях это может быть хорошо, и это не должно касаться проблемы.

Трудно предложить решения, когда проблема не была описана явно; «Не работает, как ожидалось» не говорит много. Но я полагаю, что пункты меню должны быть выше, так что они не распространяются на область, содержащую смену изображений - по крайней мере, очень трудно прочитать крошечный текст в отношении разных фоновых изображений. Одна из причин заключается в том, что меню с id=menu имеет верхний край 20 пикселей.

Answer 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 внутри первого UL.

Надеюсь, это поможет!

Answer 3

Кажется, что вам нужно добавить вертикальное отрицательное поле к вашему UL или увеличить высоту # topo-container и добавить свойство css, увеличив высоту div для требуемого эффекта.

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

}

Это позволило бы больше пространства для вашего текста, имейте в виду, что фон-размер свойство CSS3, вы всегда можете повторить фон вертикально, как это, кажется, не изменится.

Изменение шрифта вашего веб-сайта, похоже, совсем не изменяет макет, это не относится к шрифту, как указано.

Я не уверен, что вы просите здесь!

Надеюсь, что это поможет ...