notosans fontface下载notosans fontface源代码下载

notosans fontface

字体下载

1.0.0

下载

noto sans font face

一个简单的包装，可提供noto sans font脸部。

这些字体可在.eot ， .woff2 ， .woff ， .ttf和.svg格式中提供，以便符合所有浏览器（从IE6/非常古老的OIOS到现代浏览器）。

先决条件

nodejs，
NPM或纱线或Bower。

安装

 # 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 ，.WOFF， .ttf和.svg字体文件。

如果您使用的是较少或SCSS软件包文件，则可以在导入NotoSans-Fontface之前覆盖notosans-fontface-path变量。该变量配置了存储字体的目录，默认值为../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 ;
}

基本包

“ Essential”软件包包含最低限度的字体来渲染您的页面。

该软件包包含以下字体：

Notosans常规
Notosans斜体
Notosans大胆
Notosans Bolditalic

可用文件是：

css/notosans-fontface.css汇编为CSS的必需软件包
css/notosans-fontface.min.css基本包装缩小到CSS
scss/notosans-fontface.scss SCSS中的必需软件包
less/notosans-fontface.less必需包装

还有一些现代变体仅引用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 nono nnos ins fonts。

该软件包包含以下字体：

Notosans瘦
Notosans薄薄荷
Notosans外观
Notosans外观外
Notosans的光
Notosans Lightalitic
Notosans常规
Notosans斜体
Notosans培养基
Notosans中型
Notosans Semibold
Notosans semibittalic
Notosans大胆
Notosans Bolditalic
Notosans杂物
Notosans外义大利
Notosans黑色
Notosans Blackitalic

可用文件是：

css/notosans-fontface-allweight.css汇编为CSS的全重量包
css/notosans-fontface-allweight.min.css全重量套件缩小到CSS
scss/notosans-fontface-allweight.scss SCSS中的全重量包
less/notosans-fontface-allweight.less全重量包
还有一些现代变体仅引用woff2字体文件：
css/notosans-fontface-modern-allweight.css汇编为CSS的现代全重量套件
css/notosans-fontface-modern-allweight.min.css现代全重量套件升级为CSS
scss/notosans-fontface-modern-allweight.scss SCSS中的现代全重量套件
less/notosans-fontface-modern-allweight.less现代全重量套件

风俗

可以通过使用Limes，SCSS或该项目中提供的少量SCSS或手写笔Mixins来制作自己的Noto sans字体和自己的字体，

当您使用fontface或notosans-fontface Mixins时，您需要在配置的目录中提供所有.eot ， .woff2 ， .woff ，.woff， .ttf和.svg文件。如果您使用现代变体fontface-modern或notosans-fontface-modern Mixins，则只需要在配置的目录中提供.woff2文件即可。

关于notosans-fontface或notosans-fontface-modern Mixins，您可以重新定义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
}