mirror_css/nes.css
1
0
Fork 0
mirror of https://github.com/nostalgic-css/NES.css.git synced 2025-08-11 17:04:03 +02:00
Code Issues Releases Wiki Activity

Merge pull request #408 from nostalgic-css/feature/how-to-install

Browse Source 
How to install and use
This commit is contained in:
B.C.Rikko
2020-03-17 21:58:58 +09:00
committed by GitHub
parent e13d062735 5270b84349
commit 1b91ecfa2e
7 changed files with 175 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
.github/README-es.md vendored
View File

@@ -26,6 +26,32 @@ Nuestro `package.json` contiene metadata adicional bajo las siguientes keys:
* `sass` - Ruta a nuestro archivo fuente principal de Sass * `sass` - Ruta a nuestro archivo fuente principal de Sass
* `style` - Ruta a nuestro CSS no minificado * `style` - Ruta a nuestro CSS no minificado
##### AltCSS(sass, scss...)
```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```
##### JavaScript
```js
// script.js
import "nes.css/css/nes.min.css";
```
Necesita instalar css-loader.
##### HTML
```html
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
```
#### Vía CDN #### Vía CDN
Importa el CSS utiliando un elemento `<link />`: Importa el CSS utiliando un elemento `<link />`:
@@ -47,10 +73,10 @@ NES.css no contiene ninguna tipografía, pero recomendamos la siguiente lista de
| --------- | ------------------------------------------------------------------ | | --------- | ------------------------------------------------------------------ |
| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Inglés | [Kongtext](https://www.dafont.com/kongtext.font) | | Inglés | [Kongtext](https://www.dafont.com/kongtext.font) |
| Chinoés | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
| Japonés | [美咲フォント](http://littlelimit.net/misaki.htm) | | Japonés | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japonés | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) | | Japonés | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Coreano | [둥근모꼴](http://cactus.tistory.com/193) | | Coreano | [둥근모꼴](http://cactus.tistory.com/193) |
| Chinoés | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
## Uso ## Uso

29
.github/README-jp.md vendored
View File

@@ -26,6 +26,33 @@ yarn add nes.css
* `sass` - メインのSassソースファイルへのパス * `sass` - メインのSassソースファイルへのパス
* `style` - 非圧縮のCSSへのパス * `style` - 非圧縮のCSSへのパス
##### AltCSS(sass, scss...)
```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```
##### JavaScript
```js
// script.js
import "nes.css/css/nes.min.css";
```
css-loaderが必要です。
##### HTML
```html
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
```
#### CDNを使う場合 #### CDNを使う場合
`<link />`要素を使ってCSSをインポートする: `<link />`要素を使ってCSSをインポートする:
@@ -46,11 +73,11 @@ NES.cssはいかなるフォントも提供していませんが、ライブラ
| 言語 | フォント | | 言語 | フォント |
| ------------ | ------------------------------------------------------------------ | | ------------ | ------------------------------------------------------------------ |
| (デフォルト) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (デフォルト) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| 中国語 | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
| 英語 | [Kongtext](https://www.dafont.com/kongtext.font) | | 英語 | [Kongtext](https://www.dafont.com/kongtext.font) |
| 日本語 | [美咲フォント](http://littlelimit.net/misaki.htm) | | 日本語 | [美咲フォント](http://littlelimit.net/misaki.htm) |
| 日本語 | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) | | 日本語 | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| 韓国語 | [둥근모꼴](http://cactus.tistory.com/193) | | 韓国語 | [둥근모꼴](http://cactus.tistory.com/193) |
| 中国語 | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
## 使い方 ## 使い方

28
.github/README-pt-BR.md vendored
View File

@@ -26,6 +26,32 @@ Nosso `package.json` contém alguns metadata adicionais, sob as seguintes chaves
* `sass` - caminho para nosso arquivo de código fonte principal Sass * `sass` - caminho para nosso arquivo de código fonte principal Sass
* `style` - caminho para nosso CSS não-minificado * `style` - caminho para nosso CSS não-minificado
##### AltCSS(sass, scss...)
```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```
##### JavaScript
```js
// script.js
import "nes.css/css/nes.min.css";
```
Você precisa instalar o css-loader.
##### HTML
```html
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
```
### via CDN ### via CDN
Importe o CSS através de um elemento `<link />`: Importe o CSS através de um elemento `<link />`:
@@ -47,10 +73,10 @@ NES.css não fornece nenhuma fonte, mas nós mantemos uma lista de fontes recome
| -------- | ------------------------------------------------------------------ | | -------- | ------------------------------------------------------------------ |
| (Padrão) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (Padrão) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Inglês | [Kongtext](https://www.dafont.com/kongtext.font) | | Inglês | [Kongtext](https://www.dafont.com/kongtext.font) |
| Chinês | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
| Japonês | [美咲フォント](http://littlelimit.net/misaki.htm) | | Japonês | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japonês | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) | | Japonês | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Coreano | [둥근모꼴](http://cactus.tistory.com/193) | | Coreano | [둥근모꼴](http://cactus.tistory.com/193) |
| Chinês | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
## Utilização ## Utilização

28
.github/README-ru.md vendored
View File

@@ -26,6 +26,32 @@ yarn add nes.css
* `sass` - Путь до главного Sass файла * `sass` - Путь до главного Sass файла
* `style` - Путь до неминифицированного CSS * `style` - Путь до неминифицированного CSS
##### AltCSS(sass, scss...)
```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```
##### JavaScript
```js
// script.js
import "nes.css/css/nes.min.css";
```
Вам необходимо установить css-загрузчик.
##### HTML
```html
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
```
#### Через CDN #### Через CDN
Использования через тэг `<link />`: Использования через тэг `<link />`:
@@ -47,10 +73,10 @@ NES.css не предоставляет никаких шрифтов, но мы
| ------------ | ------------------------------------------------------------------ | | ------------ | ------------------------------------------------------------------ |
| По умолчанию | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | По умолчанию | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Английский | [Kongtext](https://www.dafont.com/kongtext.font) | | Английский | [Kongtext](https://www.dafont.com/kongtext.font) |
| китайский | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
| Японский | [美咲フォント](http://littlelimit.net/misaki.htm) | | Японский | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Японский | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) | | Японский | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Корейский | [둥근모꼴](http://cactus.tistory.com/193) | | Корейский | [둥근모꼴](http://cactus.tistory.com/193) |
| китайский | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
## Использование ## Использование

30
.github/README-zh-CN.md vendored
View File

@@ -18,6 +18,32 @@ npm install nes.css
yarn add nes.css yarn add nes.css
``` ```
##### AltCSS(sass, scss...)
```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```
##### JavaScript
```js
// script.js
import "nes.css/css/nes.min.css";
```
您需要安装css加载程序.
##### HTML
```html
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
```
### via CDN ### via CDN
```html ```html
@@ -32,13 +58,13 @@ yarn add nes.css
### 推荐字体 ### 推荐字体
| 语言 | 字体 | | 语言 | 字体 |
| --------- | ------------------------------------------------------------------ | | ------ | ------------------------------------------------------------------ |
| (默认) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (默认) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| 英语 | [Kongtext](https://www.dafont.com/kongtext.font) | | 英语 | [Kongtext](https://www.dafont.com/kongtext.font) |
| 中文 | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
| 日语 | [美咲フォント](http://littlelimit.net/misaki.htm) | | 日语 | [美咲フォント](http://littlelimit.net/misaki.htm) |
| 日语 | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) | | 日语 | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| 韩语 | [둥근모꼴](http://cactus.tistory.com/193) | | 韩语 | [둥근모꼴](http://cactus.tistory.com/193) |
| 中文 | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
## 使用 ## 使用

28
README.md
View File

@@ -26,6 +26,32 @@ Our `package.json` contains some additional metadata under the following keys:
* `sass` - path to our main Sass source file * `sass` - path to our main Sass source file
* `style` - path to our non-minified CSS * `style` - path to our non-minified CSS
##### AltCSS(sass, scss...)
```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```
##### JavaScript
```js
// script.js
import "nes.css/css/nes.min.css";
```
You need to install css-loader.
##### HTML
```html
<!-- index.html -->
<html>
<head>
<link rel="stylesheet" href="./node_modules/nes.css/css/nes.min.css">
</head>
<body></body>
</html>
```
#### via CDN #### via CDN
Import the CSS via a `<link />` element: Import the CSS via a `<link />` element:
@@ -46,11 +72,11 @@ NES.css doesn't provide any fonts, but we do maintain the following list of font
| Language | Font | | Language | Font |
| --------- | ------------------------------------------------------------------ | | --------- | ------------------------------------------------------------------ |
| (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) | | (Default) | [Press Start 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| Chinese | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
| English | [Kongtext](https://www.dafont.com/kongtext.font) | | English | [Kongtext](https://www.dafont.com/kongtext.font) |
| Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) | | Japanese | [美咲フォント](http://littlelimit.net/misaki.htm) |
| Japanese | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) | | Japanese | [Nu もち](http://kokagem.sakura.ne.jp/font/mochi/) |
| Korean | [둥근모꼴](http://cactus.tistory.com/193) | | Korean | [둥근모꼴](http://cactus.tistory.com/193) |
| Chinese | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |
## Usage ## Usage

2
package.json
View File

@@ -40,7 +40,7 @@
"framework" "framework"
], ],
"engines": { "engines": {
"node": "10.x" "node": ">=10.0.0 <13.0.0"
}, },
"author": "BcRikko (https://github.com/Bcrikko)", "author": "BcRikko (https://github.com/Bcrikko)",
"license": "MIT", "license": "MIT",