Почему моя граница заголовка и шрифт появляются странно?

Отказ от ответственности: Я знаю, что должен использовать спрайт для моего навигатора, я просто не мог заставить его работать с моими изображениями. Да, я знаю, что у меня сейчас плохая замена. Пожалуйста, не судите о текущем состоянии моего сайта, так как оно находится на очень ранней стадии, и я совершенно новичок в кодировании.Почему моя граница заголовка и шрифт появляются странно?

Пожалуйста, посмотрите на мой код и скажите мне, почему

есть белая граница вокруг моего заголовка
шрифт не отображается, как это предполагается.

Большое вам спасибо!

Сайт: http://www.philecialabounty.com/KVS2/index.html

Roboto-Thin шрифт должен выглядеть следующим образом: http://www.fontsquirrel.com/fonts/roboto

источник

2013-07-31 Veruca Salt

Проделать любую отладку самостоятельно, например. использовать инспектора дома, чтобы посмотреть на элемент с границей? –

Извините, но я не нажимаю на случайную ссылку с неизвестного веб-сайта. Не могли бы вы предоставить более подробную информацию или воспроизвести проблему на http://jsfiddle.net? – freefaller

Что вы имеете в виду, что ваш шрифт не загружается? Прекрасно работает для меня. Какой браузер вы используете? –

Что касается границы, то ваше тело использует запас по умолчанию браузера + отступы для тела. Посмотрите на файл сброса CSS. Или взгляните на шаблонный шаблон или просто присвойте ему поле margin/padding 0.

Что касается шрифта, который не отображается правильно, можете ли вы использовать только веб-безопасные шрифты в семействе шрифтов декларативный для css. Если вы хотите использовать лучшие шрифты искать шрифты Google или cufón (которые я обычно использую)

источник

2013-07-31 15:01:32 hendr1x

Благодарим вас за ответ. У меня есть размер поля/отступы, установленный на 0 уже. Можете ли вы предоставить более подробную информацию о том, как я могу это исправить? –

@VerucaSalt нет, вы этого не сделали –

Как @ hendr1x предполагает, причина заполнения/край является то, что каждый браузер имеет собственную по умолчанию таблицы стилей, которые он использует для некоторые очень базовые базовые свойства. Если бы вы просмотрели таблицы стилей, используемые различными веб-сайтами, вы бы часто сталкивались с чем-то с именем reset.css, который представляет собой просто простую таблицу стилей, чтобы гарантировать, что базовый стиль согласован между браузерами из-за проблемы выше. Поэтому, если вы только укладка проблемы является набивка/наценка на корпусе установлен многими браузерами, просто добавьте:

body { 
    margin:0; 
    padding:0; 
}

В верхней части stylesheet.css. Кроме того, вы можете использовать Google для файла reset.css, который также будет выполнять работу и многое другое.

Немного непонятно, что вы имеете в виду, что «шрифт не отображается правильно» - я буду считать, что это означает, что он плохо работает (т. Е. Выглядит нескромно/бешено). Если вы пользователь Windows Chrome, то, как и многие другие, вы просто столкнулись с тем, насколько беден это рендеринг шрифтов. Принимая во внимание, что доля рынка Chrome настолько высока, возможно, вам стоит пересмотреть свой выбор шрифта и найти тот, который подходит для Chrome. Как пользователь Firefox, я нахожу несколько/отсутствие проблем с отображением шрифтов в Gecko, но я часто нахожу проблемы с Legacy IE и Chrome. Google Web-Fonts - отличный ресурс для веб-безопасных шрифтов, хотя даже тогда я бы отметил, что Chrome issues are still rife.

Также: Почему у вас есть тег <center>? Кажется, он ничего не делает, и это не в спецификации HTML5 - я бы посоветовал вам его удалить.

источник

2013-07-31 15:19:16

Почему моя граница заголовка и шрифт появляются странно?

ответ

Смежные вопросы