Как сверстать такой макет где шрифты не подходят по макету?

Question

[Programmist_Kolxozn1k]

1. Не знаю даже в чем проблема или у меня что то не так с компом и фотошопом или все таки дизайнер-наркоман рисовал такой макет.

У меня проблема в том что шрифт в макете и на сайте отличается + letter-spacing не показывается (точнее показывается но всегда равен 0) а в макете явно там не ноль.

Шрифты перекачивал много раз из разных источников, даже с гугла результат такой же.

Может кто знаком с этим макетом: (ссылка на скачивание макета)
Или это только у меня такой макет.

Изображение макета

2. Еще у меня такой вопрос как сверстать верхнее меню, если ширина контента(центровщика) 1170px а меню выезжает из этого контента. Сделал без центровки но тогда на моем экране выглядит ужасно, разумеется у меня есть только этот макет и как он должен выглядеть на маленьких экранах мне не понятно.

Скриншот того как выглядит меня на моем экране

Comments

[Максим]

там же montserrat regular а какой у вас подключен ?

[Programmist_Kolxozn1k]

Максим Ленский,

text-decoration: none;
    text-transform: uppercase;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-weight: 400;
    font-size: 20px;
    line-height: 14px;
    letter-spacing: 0;
    color: #fff;

Это с меню там понятно вы скачайте макет и посмотрите 2 раздел где этот текст
DON’T SEE WHAT YOU ARE LOOKING FOR?

Use our Budget planner to keep on top of your spending, use our tool to work out what you have left after paying your most important bills.

Там у меня всегда шрифт показывает Muli какой то который я даже в fonts компа закинул но все равно замену предлагает, еще это:

Картинка

[Максим]

Programmist_Kolxozn1k, а сам шрифт в системе есть ? можете скачать webfont montserrat всё

[Programmist_Kolxozn1k]

Максим Ленский, все начертания установлены на комп. то есть закинул в fonts папку (в общем установлены) но все равно такая вот фигня. И не показывает letter-spacing - точнее он всегда равен 0 а на самом деле нет.

[Максим]

Programmist_Kolxozn1k, и muli тоже скачать webfonts и подключить таким образом :

@font-face {
font-family: "Arbat";
src: url("fonts/Arbat.eot"); /* Для поддержки браузера IE6+ */
src: url("fonts/Arbat.eot?#iefix") format("embedded-opentype"), /* Хак корректного отображения шрифта в IE8 */
url("fonts/Arbat.woff") format("woff"), /* Для современных браузеров */
url("fonts/Arbat.ttf") format("truetype"),
url("fonts/Arbat.svg#arbat") format("svg");
font-weight: normal;
font-style: normal;
}

h1 {
font-family: Arbat; /* указать правильное имя шрифта и можно указать нужным элементам */
}

[Programmist_Kolxozn1k]

Максим Ленский, да но проблема в макете а не на сайте.

Answer 1

[Slv_Ivn]

Проверьте, у вас установлены все используемые шрифты кроме Montserrat.

Необходимые шрифты

Comments

[Programmist_Kolxozn1k]

в системе они есть но фш все равно не находит шрифт Muli

Answer 2

[Владимир]

Браузер и Фотошоп по-разному рендерят шрифты.
Статья про это.