У меня есть шрифты для моего проекта.Museo Sans с 5 различными весами.Мне нужно использовать @ font-face и использовать их на моем веб-сайте.
@font-face {
font-family: "Museo Sans 100";
src: url('/app/fonts/museosans-100-webfont.ttf') format('opentype');
font-weight: 100;
}
@font-face {
font-family: "Museo Sans 300";
src: url('/app/fonts/museosans-300-webfont.ttf') format('opentype');
font-weight: 300;
}
@font-face {
font-family: "Museo Sans 500";
src: url('/app/fonts/museosans-500-webfont.ttf') format('opentype');
font-weight: 500;
}
@font-face {
font-family: "Museo Sans 700";
src: url('/app/fonts/museosans-700-webfont.ttf') format('opentype');
font-weight: 700;
}
@font-face {
font-family: "Museo Sans 900";
src: url('/app/fonts/museosans-900-webfont.ttf') format('opentype');
font-weight: 900;
}
//Font Variables
//-----
$font: 'Museo Sans 100';
@import '../utilities/fonts';
html {
font-family: $font;
}
.wrapper {
margin: 0 auto;
max-width: 1644px;
padding: 0 14.024390243%;
width: 100%;
}
Когда я вызываю его в моем scss, я вижу его, когда проверяю свой html, но шрифт остается тем же ... ничегослучается.Есть мнения?PS все полученные мной шрифты ttf.
Это ошибка, которую я получаю:
museosans-100-webfont.ttf:1 Failed to load resource: net::ERR_FILE_NOT_FOUND