Верстаю по макету, всё шло хорошо, но вот подключил шрифты, которые шли вместе с дизайном сайта и просто офигел от разницы:
PS:
И браузер:
Подключил так:
@font-face{
font-family: oxygen;
font-weight: normal;
src: url(fonts/oxygen/oxygenmono-regular.otf);
}
.page{
width: 970px;
margin: auto;
background-color: #fff;
height: 500px;
margin-top: 50px;
border: 1px solid #ededed;
padding: 50px;
box-sizing: border-box;
font-family: oxygen;
}
Во всех остальных браузерах то же самое. Имена у шрифтов (что в фотошопе, что в файле) одни и те же. В консоли никаких ошибок нет. Шрифт активируется но разница - феноменальна! Из-за чего это?