notosans fontface Download - notosans fontface Sourced Code Скачать

notosans fontface

Загрузка шрифта

1.0.0

Скачать

Noto Sans Font Face

Простой пакет, обеспечивающий лицо шрифта Noto Sans.

.svg .woff2 .woff .ttf .eot

Предварительные условия

Nodejs,
NPM или пряжа или размахивание.

Установка

 # Install via npm
npm install notosans-fontface --save

# Install via yarn
yarn add notosans-fontface

# Install via bower
bower install notosans-fontface --save

Использование

Для каждого шрифта, который вы хотите использовать, вам нужно скопировать шрифты из каталога fonts этого проекта.

Например, для NotoSans Regular требуемые файлы:

NotoSans-Regular.eot
NotoSans-Regular.woff2
NotoSans-Regular.woff
NotoSans-Regular.ttf
NotoSans-Regular.svg

Современные пакеты ссылки только файлы шрифтов woff2 .

Пакеты

Пакеты готовы к использованию css , less , scss и файлы styl .

Для каждого пакета вам необходимо предоставить все файлы .eot , .woff2 , .woff , .ttf и .svg font в конфигурационном каталоге.

Если вы используете файл пакета Less или SCSS, вы можете переопределить переменную notosans-fontface-path до импорта NotoSans-Fontface. Эта переменная настраивает каталог, в котором хранятся шрифты, значение по умолчанию составляет ../fonts .

 // my-website/style.less
@notosans-fontface-path : " fonts/Noto/ " ;
@import " notosans-fontface/less/notosans-fontface " ;

body {
  font-family : " Noto Sans " , sans-serif ;
}

 // my-website/style.scss
$notosans-fontface-path : " fonts/Noto/ " ;
@import " notosans-fontface/scss/notosans-fontface " ;

body {
  font-family : " Noto Sans " , sans-serif ;
}

Основной пакет

«Основной» пакет содержит минимальные шрифты Noto Sans для визуализации вашей страницы.

Этот пакет содержит следующие шрифты:

Нотозаны регулярно
Нотозаны курсив
Нотозаны смелые
Нотозаны с яродиталированием

Доступные файлы:

css/notosans-fontface.css - Essential Package, составленный в CSS
css/notosans-fontface.min.css - Основной пакет, мини -минимум для CSS
scss/notosans-fontface.scss - Основной пакет в SCSS
less/notosans-fontface.less - Essential Package в меньшей степени

Существуют также современные вариации, которые ссылаются только на файлы шрифтов woff2 :

css/notosans-fontface-modern.css -современный важный пакет, составленный в CSS
css/notosans-fontface-modern.min.css -современный важный пакет, мини-минимум для CSS
scss/notosans-fontface-modern.scss -современный важный пакет в SCSS
less/notosans-fontface-modern.less -современный важный пакет в меньшей степени

Все веса

Пакет «Всего веса» содержит все обычные шрифты Noto Sans.

Этот пакет содержит следующие шрифты:

Нотозаны тонкие
Нотозанские тонкотатальные
Notosans Extralight
Notosans ExtralItitalic
Нотозанс свет
Нотозанс светлые
Нотозаны регулярно
Нотозаны курсив
Нотозанские среды
Нотозанские средние жеребца
Notosans Semibold
Нотозанс семиболитатический
Нотозаны смелые
Нотозаны с яродиталированием
Нотозанс. Выстраивается
Нотозанс внеболитатический
Нотозанские черные
Нотозанские черноталические

Доступные файлы:

css/notosans-fontface-allweight.css -All-Weight Package, составленный в CSS
css/notosans-fontface-allweight.min.css -пакет с All-Weight Mineded для CSS
scss/notosans-fontface-allweight.scss -All-Weight Package в SCSS
less/notosans-fontface-allweight.less -All-Weight Package в меньшем количестве
Существуют также современные вариации, которые ссылаются только на файлы шрифтов woff2 :
css/notosans-fontface-modern-allweight.css -Современный пакет с All-Weight, составленным в CSS
css/notosans-fontface-modern-allweight.min.css -Современный пакет на всех весах, минимум для CSS
scss/notosans-fontface-modern-allweight.scss -Современный пакет на всех весах в SCSS
less/notosans-fontface-modern-allweight.less -современный пакет на всех весах

Обычай

Можно сделать свой собственный набор шрифтов Noto Sans и ваших собственных шрифтов, используя меньше, SCSS или Stylus Mixins, предоставленные в этом проекте,

Когда вы используете Mixins fontface или notosans-fontface , вам необходимо предоставить все файлы .eot , .woff2 , .woff , .ttf и .svg в конфигурационном каталоге. Если вы используете современные микшины fontface-modern или notosans-fontface-modern , вам нужно только предоставить файлы .woff2 в конфигурационном каталоге.

Что касается notosans-fontface или notosans-fontface-modern микшинов, вы можете переопределить переменную notosans-fontface-path .

Меньше микшинов

 // my-website/style.less
@notosans-fontface-path : " fonts/Noto/ " ;
@import " notosans-fontface/less/mixins " ;

.notosans-fontface ( " Regular " , 400 , normal );
.notosans-fontface ( " Italic " , 400 , italic );
.notosans-fontface ( " Bold " , 700 , normal );
.notosans-fontface ( " BoldItalic " , 700 , italic );

// .notosans-fontface-modern("Regular", 400, normal);
// .notosans-fontface-modern("Italic", 400, italic);
// .notosans-fontface-modern("Bold", 700, normal);
// .notosans-fontface-modern("BoldItalic", 700, italic);

.fontface ( " Noto Sans CJK JP " , " fonts/JP/ " , " NotoSansCJKjp " , " Regular " , 400 , normal );
.fontface ( " Noto Sans CJK JP " , " fonts/JP/ " , " NotoSansCJKjp " , " Bold " , 700 , normal );

// .fontface-modern("Noto Sans CJK JP", "fonts/JP/", "NotoSansCJKjp", "Regular", 400, normal);
// .fontface-modern("Noto Sans CJK JP", "fonts/JP/", "NotoSansCJKjp", "Bold", 700, normal);

body {
  font-family : " Noto Sans " , " Noto Sans CJK JP " , sans-serif ;
}

SCSS Mixins

 // my-website/style.scss
$notosans-fontface-path : " fonts/Noto/ " ;
@import " notosans-fontface/scss/mixins " ;

@include notosans-fontface ( " Regular " , 400 , normal );
@include notosans-fontface ( " Italic " , 400 , italic );
@include notosans-fontface ( " Bold " , 700 , normal );
@include notosans-fontface ( " BoldItalic " , 700 , italic );

// @include notosans-fontface-modern("Regular", 400, normal);
// @include notosans-fontface-modern("Italic", 400, italic);
// @include notosans-fontface-modern("Bold", 700, normal);
// @include notosans-fontface-modern("BoldItalic", 700, italic);

@include fontface (
  " Noto Sans CJK JP " ,
  " fonts/JP/ " ,
  " NotoSansCJKjp " ,
  " Regular " ,
  400 ,
  normal
);
@include fontface (
  " Noto Sans CJK JP " ,
  " fonts/JP/ " ,
  " NotoSansCJKjp " ,
  " Bold " ,
  700 ,
  normal
);

// @include fontface-modern(
//   "Noto Sans CJK JP",
//   "fonts/JP/",
//   "NotoSansCJKjp",
//   "Regular",
//   400,
//   normal
// );
// @include fontface-modern(
//   "Noto Sans CJK JP",
//   "fonts/JP/",
//   "NotoSansCJKjp",
//   "Bold",
//   700,
//   normal
// );

body {
  font-family : " Noto Sans " , " Noto Sans CJK JP " , sans-serif ;
}

Стили микшины

 // my-website/style.styl
$notosans-fontface-path = "fonts/Noto/"
@import "notosans-fontface/styl/mixins"

notosans-fontface ( "Regular" , 400 , normal )
notosans-fontface ( "Italic" , 400 , italic )
notosans-fontface ( "Bold" , 700 , normal )
notosans-fontface ( "BoldItalic" , 700 , italic )

// notosans-fontface-modern("Regular", 400, normal)
// notosans-fontface-modern("Italic", 400, italic)
// notosans-fontface-modern("Bold", 700, normal)
// notosans-fontface-modern("BoldItalic", 700, italic)

fontface(
  "Noto Sans CJK JP" ,
  "fonts/JP/" ,
  "NotoSansCJKjp" ,
  "Regular" ,
  400,
  normal
)
fontface(
  "Noto Sans CJK JP" ,
  "fonts/JP/" ,
  "NotoSansCJKjp" ,
  "Bold" ,
  700,
  normal
)

// fontface-modern(
//   "Noto Sans CJK JP",
//   "fonts/JP/",
//   "NotoSansCJKjp",
//   "Regular",
//   400,
//   normal
// )
// fontface-modern(
//   "Noto Sans CJK JP",
//   "fonts/JP/",
//   "NotoSansCJKjp",
//   "Bold",
//   700,
//   normal
// )

body {
  font-family : "Noto Sans" , "Noto Sans CJK JP" , sans-serif
}