# @16bits/nes\.css 中文文档

规范地址：https://npmcn.com/package/%4016bits/nes.css/

版本：2\.3\.2
npm 元数据更新时间：2022-04-04T10:32:06.780Z
中文译文更新时间：2026-11-05T20:25:10.233Z
软件包许可：MIT

本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。

原始 npm 页面：https://www.npmjs.com/package/%4016bits/nes.css
原文对照：https://npmcn.com/package/%4016bits/nes.css/?lang=original
项目主页：https://github.com/nostalgic-css/NES.css#readme
源码仓库：https://github.com/nostalgic-css/NES.css

## 关键信息（来自 npm 元数据）

- 包体积（解压后）：1.2 MB，9 个文件
- TypeScript 类型：未声明
- Node.js 要求：\>=10\.0\.0
- 运行依赖：0 个
- 首次发布：2021-09-27T15:33:15.206Z
- 最新版本发布：2021-09-27T16:56:42.050Z
- 近 30 天下载量：28378（2026-10-05 至 2026-11-03，npm 官方下载统计）
- 已发布版本数：2（近 12 个月 0 个）

## 中文简介

因为NES.css已经很久没有出版. 此 pkg 发布时使用最新的开发分支来解决一些问题

## 安装

```sh
npm install @16bits/nes.css
```

也可以使用：`pnpm add @16bits/nes.css`、`yarn add @16bits/nes.css`、`bun add @16bits/nes.css`

## README

> 因为NES.css已经很久没有出版. 此 pkg 发布时使用最新的开发分支来解决一些问题

[![NES.css: NES-style  CSS framework](https://user-images.githubusercontent.com/5305599/49061716-da649680-f254-11e8-9a89-d95a7407ec6a.png)](https://nostalgic-css.github.io/NES.css/)

[日本語](https://npmcn.com/package/%4016bits/nes.css/.github/README-jp.md) 编号 : [简体中文](https://npmcn.com/package/%4016bits/nes.css/.github/README-zh-CN.md) 编号 : [西班牙语Name](https://npmcn.com/package/%4016bits/nes.css/.github/README-es.md) 编号 : [葡萄牙](https://npmcn.com/package/%4016bits/nes.css/.github/README-pt-BR.md) 编号 : [Русский](https://npmcn.com/package/%4016bits/nes.css/.github/README-ru.md) 编号 : [法国语Name](https://npmcn.com/package/%4016bits/nes.css/.github/README-fr.md)

NES.css是一个 **NES 风格( 8 bit- like)** CSS框架.

[![Gitter](https://img.shields.io/gitter/room/nostalgic-css/Lobby.svg)](https://gitter.im/nostalgic-css/Lobby) [![Commitizen friendly](https://img.shields.io/badge/commitizen-friendly-brightgreen.svg)](http://commitizen.github.io/cz-cli/)

## 安装

### 样式

NES.cs通过npm(首选),Yarn,或CDN提供.

#### 通过软件包管理器

```shell
npm install nes.css
# or
yarn add nes.css
```

我们 `package.json` 以下键下包含一些额外的元数据:

-   `sass` - 通往我们的主 Sass 源文件的路径
-   `style` - 通往我们没有缩小的CSS的道路

##### AltCSS( ass, scs... ) (英语)

```scss
// style.scss
@import "./node_modules/nes.css/css/nes.css"
```

##### Java 脚本

```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

通过 CSS 导入 CSS `<link />` 元素 :

```html
<!-- minify -->
<link href="https://unpkg.com/nes.css@2.3.0/css/nes.min.css" rel="stylesheet" />
<!-- latest -->
<link href="https://unpkg.com/nes.css@latest/css/nes.min.css" rel="stylesheet" />
<!-- core style only -->
<link href="https://unpkg.com/nes.css/css/nes-core.min.css" rel="stylesheet" />
```

### 字体

NES.cs不提供任何字体,但我们确实保留了我们推荐与库一起使用的以下字体列表.

| 语言 | 字体 |
| --- | --- |
| (违约) | [按下启动 2P](https://fonts.google.com/specimen/Press+Start+2P) |
| 联合国 | [金刚文字](https://www.dafont.com/kongtext.font) |
| 日本语 | [美咲フォント](http://littlelimit.net/misaki.htm) |
| 日本语 | [努](http://kokagem.sakura.ne.jp/font/mochi/) |
| 韩文 | [둥근모꼴](http://cactus.tistory.com/193) |
| 中文 | [Zpix (最像素)](https://github.com/SolidZORO/zpix-pixel-font) |

## 使用量

NES.cs只提供组件. 您需要定义自己的布局 .

NES.css的建议字体是: [按下启动 2P](https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P)然而, [按下启动 2P](https://fonts.google.com/specimen/Press+Start+2P?selection.family=Press+Start+2P) 只支持英语字符。 在使用此框架时,请使用除英语以外的任何语言,请使用其他字体. 遵循 Google 字体 [指令](https://developers.google.com/fonts/docs/getting_started) 如何纳入,或简单地纳入如下内容:

```html
<head>
    <link href="https://fonts.googleapis.com/css?family=Press+Start+2P" rel="stylesheet">
    <link href="https://unpkg.com/nes.css/css/nes.css" rel="stylesheet" />

    <style>
      html, body, pre, code, kbd, samp {
          font-family: "font-family you want to use";
      }
    </style>
</head>
```

## 只有CSS系统

NES.cs只要求CSS,并不依赖于任何JavaScript.

## 浏览器支持

NES.cs与以下浏览器的最新版本相兼容: NES.cs

-   颜色
-   火花
-   萨法里

未测试

-   电子/电子

## 版权和许可证

2018年代码和文件版权 [B.C.Rikko(英国)](https://github.com/BcRikko)根据麻省理工学院许可证发布的代码。 (原始内容存档于2018-10-21). Docs release under Creative Communitys.

## 发展

如果你愿意帮助我们完成这个项目,我们欢迎各种捐款! 看看我们 [`CONTRIBUTING.md`](https://npmcn.com/package/%4016bits/nes.css/CONTRIBUTING.md) 更多关于你如何帮助 让NES.css惊人的细节!

## 常见问题

### @16bits/nes\.css 是什么？

因为NES\.css已经很久没有出版\. 此 pkg 发布时使用最新的开发分支来解决一些问题

### 如何安装 @16bits/nes\.css？

在项目目录运行 npm install @16bits/nes\.css，或使用 pnpm add / yarn add / bun add。

### @16bits/nes\.css 支持 TypeScript 吗？

该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/16bits\_\_nes\.css 是否存在。

### @16bits/nes\.css 需要什么版本的 Node\.js？

package\.json 的 engines 字段要求 Node\.js \>=10\.0\.0。版本不符时 npm 默认只给出警告，开启 engine-strict 后会拒绝安装。

### @16bits/nes\.css 可以商用吗？

@16bits/nes\.css 使用 MIT 许可。宽松许可：允许商业使用、修改和再分发，通常只需在分发时保留原版权与许可声明。以上为概括，不构成法律意见，请以许可原文为准。

### @16bits/nes\.css 的下载量有多少？

根据 npm 官方下载统计，@16bits/nes\.css 在 2026/10/05 – 2026/11/03 这 30 天内被下载 28,378 次，日均约 946 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @16bits/nes\.css 还在维护吗？

最新版本 2\.3\.2 发布于 2021/09/28（5 年前）；至今共发布 2 个版本，其中过去 12 个月发布了 0 个；首次发布于 2021/09/27。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。