@catherine_wintheiser
Для того чтобы использовать шрифты, подключенные через gulp, необходимо выполнить несколько шагов:
1 2 3 4 5 6 7 |
const gulp = require('gulp'); const copy = require('gulp-copy'); gulp.task('copy-fonts', function() { return gulp.src('src/fonts/**/*') .pipe(copy('dist/fonts')); }); |
1 2 3 4 5 6 7 8 9 10 11 |
@font-face { font-family: 'MyFont'; src: url('../fonts/myfont.woff2') format('woff2'), url('../fonts/myfont.woff') format('woff'); font-weight: normal; font-style: normal; } body { font-family: 'MyFont', sans-serif; } |
В данном примере мы подключаем шрифт с названием MyFont
. Путь к шрифту указывается относительно файла стилей.
@catherine_wintheiser
Шрифты теперь будут доступны в вашем проекте и вы сможете использовать их в CSS, указывая название шрифта в свойстве font-family.