Проблема отображения сайта при открытие в браузерах

[cpcstrong]

Все привет. Пытаюсь сверстать сайт на движке bootstrap 3. Сделал шапку, ориентировался по мозиле, зашел в хром а там все смещено.
и так получается что у меня есть значение margin-top: 30px;

Если его убрать, то в хроме все будет норм, а если поставить 30px; как мне надо по мозиле, то в мозиле все норм, а в хроме смещение.

 

А так же чучуть различаються шрифты. Я скачал шрифт, и закинул в Панель Управления —> Шрифты.
в мозиле один шрифт, а в хроме чуток изменен ( а точнее отступы между буквами больше )

как я понял проблема с кроссбраузерностью, кто что может подсказать с моей проблемой? и дать инфы для изучения кроссбрауз.

Edited September 23, 2015 by cpcstrong

[horprogs]

Используйте normalize или reset для сброса стилей.

Шрифты вы должны добавлять не в windows, а подключать, например, в файле css через @font-face (http://htmlbook.ru/css/font-face).

Также необходимо подключать шрифты для разных браузеров, например

font-family: 'FontAwesome';    src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');    src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'),          url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'),          url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truetype'),          url('../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular') format('svg');    font-weight: normal;    font-style: normal

 И для Сафари желательно использовать сглаживание шрифтов