Верстаю по макету, всё шло хорошо, но вот подключил шрифты, которые шли вместе с дизайном сайта и просто офигел от разницы:
PS:
![a75171c9a9cd43edb3e10009ec78ac3e.png](https://habrastorage.org/files/a75/171/c9a/a75171c9a9cd43edb3e10009ec78ac3e.png)
И браузер:
![f4724dc4f0bf40a690bb33ed0e297625.png](https://habrastorage.org/files/f47/24d/c4f/f4724dc4f0bf40a690bb33ed0e297625.png)
Подключил так:
@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;
}
Во всех остальных браузерах то же самое. Имена у шрифтов (что в фотошопе, что в файле) одни и те же. В консоли никаких ошибок нет. Шрифт активируется но разница - феноменальна! Из-за чего это?