@16bits/nes.icons 中文文档教程
NES.icons 是一个NES 风格（类似8 位） 图标库。
Demo
Installation
Styles
NES.icons 可以通过 npm 获得、纱线或 CDN。
via package manager
npm install nes.icons
# or
yarn add nes.icons
我们的 package.json 在以下键下包含一些额外的元数据：
sass- path to our main Sass source filestyle- path to our non-minified CSS
via CDN
通过 元素导入 CSS：
<!-- latest -->
<link href="https://unpkg.com/nes.icons@latest/css/nes-icons.min.css" rel="stylesheet" />
<!-- specific version -->
<link href="https://unpkg.com/nes.icons@<VERSION>/css/nes-icons.min.css" rel="stylesheet" />
Usage
NES.css 仅提供组件。 您将需要定义自己的布局。
NES.css 的推荐字体是 Press Start 2P。 但是，Press Start 2P 仅支持英文字符。 当您将此框架用于英语以外的任何语言时，请使用其他字体。 请按照有关如何包含它们的 Google Fonts 说明进行操作，或者如下所示简单地包含它：
<head>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
</head>
然后在您的项目中使用任何图标！
<i class="nes-icon eye"></i>
<i class="nes-icon eye-slash"></i>
<i class="nes-icon discord"></i>
Browser Support
NES.css is compatible with the newest version of the following browsers:
- Chrome
- Firefox
- Safari
- Edge
未经
- IE
Copyright and license
测试的代码和文档版权所有 2019 Trezy.com。 根据 MIT 许可证发布的代码。 根据 Creative Commons 发布的文档。
[贡献文件]：CONTRIBUTING.md
NES.icons is an NES-style (8bit-like) icon library.
Demo
Installation
Styles
NES.icons is available via either npm, Yarn, or CDN.
via package manager
npm install nes.icons
# or
yarn add nes.icons
Our package.json contains some additional metadata under the following keys:
sass- path to our main Sass source filestyle- path to our non-minified CSS
via CDN
Import the CSS via a <link /> element:
<!-- latest -->
<link href="https://unpkg.com/nes.icons@latest/css/nes-icons.min.css" rel="stylesheet" />
<!-- specific version -->
<link href="https://unpkg.com/nes.icons@<VERSION>/css/nes-icons.min.css" rel="stylesheet" />
Usage
NES.css only provides components. You will need to define your own layout.
The recommended font for NES.css is Press Start 2P. However, Press Start 2P only supports English characters. When you're using this framework with any language other than English, please use another font. Follow the Google Fonts instructions about how to include them, or simply include it as below:
<head>
<link href="https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap" rel="stylesheet">
</head>
Then use any of the icons in your project!
<i class="nes-icon eye"></i>
<i class="nes-icon eye-slash"></i>
<i class="nes-icon discord"></i>
Browser Support
NES.css is compatible with the newest version of the following browsers:
- Chrome
- Firefox
- Safari
- Edge
Untested
- IE
Copyright and license
Code and documentation copyright 2019 Trezy.com. Code released under the MIT License. Docs released under Creative Commons.
[contributing-document]: CONTRIBUTING.md
你可能也喜欢
- @01ht/ht-toolbar-cart 中文文档教程
- @0x2e757/promise-ext 中文文档教程
- @1amageek/firestore-commerce 中文文档教程
- @4nduril/react-rte 中文文档教程
- @4sizn/customlog-web 中文文档教程
- @50000feet/oidc-slack-open-id-react 中文文档教程
- @540deg/react-scripts 中文文档教程
- @7factor/react-native-form-builder 中文文档教程
- @_zed_/dummytlib 中文文档教程
- @aaa-backend-stack/graphql 中文文档教程
