Просмотрел аналогичные вопросы и ни в одном не нашел ответа. Добавил на сайт шрифт. В базовый css-файл добавил код из font-kit с учетом моей структуры:
../src/
├── apps
├── base
├── common
│ ├── font
│ │ └── open-sans
│ │ └── font.ttf
│ │ └── font.eot
│ │ └── font.woff
│ ├── static
│ │ └── css
│ │ └── base.css
│ ├── templates
│ └── views
варианты @font-face, которые пробовал
@font-face {
font-family: 'open_sansbold';
src: url('../../font/open-sans/OpenSans-Bold-webfont.eot');
src: url('../../font/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('../../font/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('../../font/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('../../font/open-sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'open_sansbold';
src: url('/common/font/open-sans/OpenSans-Bold-webfont.eot');
src: url('/common/font/open-sans/OpenSans-Bold-webfont.eot?#iefix') format('embedded-opentype'), url('/common/font/open-sans/OpenSans-Bold-webfont.woff') format('woff'), url('/common/font/open-sans/OpenSans-Bold-webfont.ttf') format('truetype'), url('/common/font/open-sans/OpenSans-Bold-webfont.svg#open_sansbold') format('svg');
font-weight: normal;
font-style: normal;
}
Но шрифт не применяется к элементу:
.element__symbol {
position: absolute;
left: 10px;
font: bold 15pt open_sansbold;
}
При инспектировании страницы выдает open_sansbold, но используется шрифт с засечками
UDP. Добавил структуру проекта, на ней видно, где распологаются шрифты и базовый файл стилей.
../../
это ниже корня свиду, туда доступа нет если конечно вы не двумя папками выше находитесь. Лучше от корня вставлять просто/font/open-sans/OpenSans-Bold-webfont.eot')