96 lines
3.9 KiB
JavaScript
96 lines
3.9 KiB
JavaScript
|
import fs from 'fs';
|
|||
|
|
import fonter from 'gulp-fonter-fix';
|
|||
|
|
import ttf2woff2 from 'gulp-ttf2woff2';
|
|||
|
|
|
|||
|
|
export const otfToTtf = () => {
|
|||
|
|
// Ищем файлы шрифтов .otf
|
|||
|
|
return app.gulp.src(`${app.path.srcFolder}/fonts/*.otf`, {})
|
|||
|
|
.pipe(app.plugins.plumber(
|
|||
|
|
app.plugins.notify.onError({
|
|||
|
|
title: "FONTS",
|
|||
|
|
message: "Error: <%= error.message %>"
|
|||
|
|
}))
|
|||
|
|
)
|
|||
|
|
// Конвертируем в .ttf
|
|||
|
|
.pipe(fonter({
|
|||
|
|
formats: ['ttf']
|
|||
|
|
}))
|
|||
|
|
// Выгружаем в исходную папку
|
|||
|
|
.pipe(app.gulp.dest(`${app.path.srcFolder}/fonts/`))
|
|||
|
|
}
|
|||
|
|
export const ttfToWoff = () => {
|
|||
|
|
// Ищем файлы шрифтов .ttf
|
|||
|
|
return app.gulp.src(`${app.path.srcFolder}/fonts/*.ttf`, {})
|
|||
|
|
.pipe(app.plugins.plumber(
|
|||
|
|
app.plugins.notify.onError({
|
|||
|
|
title: "FONTS",
|
|||
|
|
message: "Error: <%= error.message %>"
|
|||
|
|
}))
|
|||
|
|
)
|
|||
|
|
// Конвертируем в .woff
|
|||
|
|
.pipe(fonter({
|
|||
|
|
formats: ['woff']
|
|||
|
|
}))
|
|||
|
|
// Выгружаем в папку с результатом
|
|||
|
|
.pipe(app.gulp.dest(`${app.path.build.fonts}`))
|
|||
|
|
// Ищем файлы шрифтов .ttf
|
|||
|
|
.pipe(app.gulp.src(`${app.path.srcFolder}/fonts/*.ttf`))
|
|||
|
|
// Конвертируем в .woff2
|
|||
|
|
.pipe(ttf2woff2())
|
|||
|
|
// Выгружаем в папку с результатом
|
|||
|
|
.pipe(app.gulp.dest(`${app.path.build.fonts}`))
|
|||
|
|
// Ищем файлы шрифтов .woff и woff2
|
|||
|
|
.pipe(app.gulp.src(`${app.path.srcFolder}/fonts/*.{woff,woff2}`))
|
|||
|
|
// Выгружаем в папку с результатом
|
|||
|
|
.pipe(app.gulp.dest(`${app.path.build.fonts}`));
|
|||
|
|
}
|
|||
|
|
export const fontsStyle = () => {
|
|||
|
|
// Файл стилей подключения шрифтов
|
|||
|
|
let fontsFile = `${app.path.srcFolder}/scss/fonts.scss`;
|
|||
|
|
// Проверяем существуют ли файлы шрифтов
|
|||
|
|
fs.readdir(app.path.build.fonts, function (err, fontsFiles) {
|
|||
|
|
if (fontsFiles) {
|
|||
|
|
// Проверяем существует ли файл стилей для подключения шрифтов
|
|||
|
|
if (!fs.existsSync(fontsFile)) {
|
|||
|
|
// Если файла нет, создаем его
|
|||
|
|
fs.writeFile(fontsFile, '', cb);
|
|||
|
|
let newFileOnly;
|
|||
|
|
for (var i = 0; i < fontsFiles.length; i++) {
|
|||
|
|
// Записываем подключения шрифтов в файл стилей
|
|||
|
|
let fontFileName = fontsFiles[i].split('.')[0];
|
|||
|
|
if (newFileOnly !== fontFileName) {
|
|||
|
|
let fontName = fontFileName.split('-')[0] ? fontFileName.split('-')[0] : fontFileName;
|
|||
|
|
let fontWeight = fontFileName.split('-')[1] ? fontFileName.split('-')[1] : fontFileName;
|
|||
|
|
if (fontWeight.toLowerCase() === 'thin') {
|
|||
|
|
fontWeight = 100;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'extralight') {
|
|||
|
|
fontWeight = 200;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'light') {
|
|||
|
|
fontWeight = 300;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'medium') {
|
|||
|
|
fontWeight = 500;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'semibold') {
|
|||
|
|
fontWeight = 600;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'bold') {
|
|||
|
|
fontWeight = 700;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'extrabold' || fontWeight.toLowerCase() === 'heavy') {
|
|||
|
|
fontWeight = 800;
|
|||
|
|
} else if (fontWeight.toLowerCase() === 'black') {
|
|||
|
|
fontWeight = 900;
|
|||
|
|
} else {
|
|||
|
|
fontWeight = 400;
|
|||
|
|
}
|
|||
|
|
fs.appendFile(fontsFile, `@font-face {\n\tfont-family: ${fontName};\n\tfont-display: swap;\n\tsrc: url("../fonts/${fontFileName}.woff2") format("woff2"), url("../fonts/${fontFileName}.woff") format("woff");\n\tfont-weight: ${fontWeight};\n\tfont-style: normal;\n}\r\n`, cb);
|
|||
|
|
newFileOnly = fontFileName;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
} else {
|
|||
|
|
// Если файл есть, выводим сообщение
|
|||
|
|
console.log("Файл scss/fonts.scss уже существует. Для обновления файла нужно его удалить!");
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
});
|
|||
|
|
|
|||
|
|
return app.gulp.src(`${app.path.srcFolder}`);
|
|||
|
|
function cb() { }
|
|||
|
|
}
|