# @amsterdam/design-system-assets 中文文档 规范地址：https://npmcn.com/package/%40amsterdam/design-system-assets/ 版本：2\.7\.0 npm 元数据更新时间：2026-10-22T13:57:27.296Z 中文译文更新时间：2026-11-06T01:38:39.153Z 软件包许可：SEE LICENSE IN LICENSE\.md 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40amsterdam/design-system-assets 原文对照：https://npmcn.com/package/%40amsterdam/design-system-assets/?lang=original 项目主页：https://designsystem.amsterdam/ 源码仓库：https://github.com/Amsterdam/design-system ## 关键信息（来自 npm 元数据） - 包体积（解压后）：668 kB，412 个文件 - TypeScript 类型：未声明 - 运行依赖：0 个 - 首次发布：2023-07-12T11:12:49.260Z - 最新版本发布：2026-10-22T13:57:26.913Z - 近 30 天下载量：12448（2026-10-06 至 2026-11-04，npm 官方下载统计） - 已发布版本数：23（近 12 个月 8 个） ## 中文简介 阿姆斯特丹设计系统的所有资产 用它将正确的字体,图标或标志包含在您的网站或应用程序中. ## 安装 ```sh npm install @amsterdam/design-system-assets ``` 也可以使用：`pnpm add @amsterdam/design-system-assets`、`yarn add @amsterdam/design-system-assets`、`bun add @amsterdam/design-system-assets` ## README # 阿姆斯特丹设计系统:资产 此软件包提供来自 [阿姆斯特丹设计系统](https://designsystem.amsterdam/)。 。 。 . 用它将正确的字体,图标或标志包含在您的网站上. ## 安装 直接在您的工程中安装此软件包以引用资产 . 注意我们 [反应组件](https://www.npmjs.com/package/@amsterdam/design-system-react) 为一些资产提供更多功能并自动使用. 如果您的应用程序使用React, 您应该使用该软件包 . ```sh npm install @amsterdam/design-system-assets ``` ## 使用量 ### 应用程序图标 设计系统手册有助于使用 [外阴](https://designsystem.amsterdam/?path=/docs/brand-assets-favicon--docs) 或者说 [网络显示和应用程序图标](https://designsystem.amsterdam/?path=/docs/docs-guidelines-web-app--docs) 用于您网站上设备的家庭屏幕. ### 字体文件 软件包中包含我们的阿姆斯特丹 Sans字体的Web Open格式字体(`.woff2`) (中文(简体) ). 导入我们的样式表以提供给您的工程 . ```ts import "@amsterdam/design-system-assets/font/index.css" ``` 《设计系统手册》 [使用字体时的更多指导](https://designsystem.amsterdam/?path=/docs/brand-assets-font--docs)。 。 。 . 注意字体为专有. 使用它需要 [执照](https://designsystem.amsterdam/?path=/docs/docs-terms-of-use-copyright--docs)。 。 。 . 该套件还包含"Redacted Script"字体,在"设计系统"的"Lo-fi Mode"中将文本取而代之. 与 Lo-fi 符号一起导入其样式表 . ```ts import "@amsterdam/design-system-assets/font/lo-fi/index.css" ``` 此字体为开源, 根据 [SIL 打开字体许可证](https://npmcn.com/package/%40amsterdam/design-system-assets/font/lo-fi/OFL.txt)。 。 。 . ### 图标 《设计系统手册》提供 [图标库概览](https://designsystem.amsterdam/?path=/docs/brand-assets-icons--docs)。 。 。 . 您可以导入 SVG 文件在您的网站上使用图标 . 在反应项目中,使用 [图标组件](https://designsystem.amsterdam/?path=/docs/components-media-icon--docs) 换句话说. 它为使用图标提供了方便的API并简化了与文本的对齐. ### 日志 阿姆斯特丹市的地标作为SVG图像提供,以及各部门和服务的地标. 在反应项目中,使用 [日志组件](https://designsystem.amsterdam/?path=/docs/components-media-logo--docs) 换句话说. ## 更新 我们遵循语义 版本并发布一个 [更改日志](https://github.com/Amsterdam/design-system/blob/main/packages-proprietary/assets/CHANGELOG.md) 引导您通过更新. 资产是设计系统的公共API. 请注意,检测被更改或删除的资产仍然是一个人工过程. ## 支助 如果你有问题,找到问题,或者想做贡献,请联系我们. 想办法联系我们 [设计系统.amsterdam](https://designsystem.amsterdam/?path=/docs/docs-introduction--docs#send-a-message)。 。 。 . ## 常见问题 ### @amsterdam/design-system-assets 是什么？ 阿姆斯特丹设计系统的所有资产 用它将正确的字体,图标或标志包含在您的网站或应用程序中\. ### 如何安装 @amsterdam/design-system-assets？ 在项目目录运行 npm install @amsterdam/design-system-assets，或使用 pnpm add / yarn add / bun add。 ### @amsterdam/design-system-assets 支持 TypeScript 吗？ 该包的 package\.json 没有声明类型入口。需要类型提示时，可以在 npm 上查找社区维护的 @types/amsterdam\_\_design-system-assets 是否存在。 ### @amsterdam/design-system-assets 可以商用吗？ @amsterdam/design-system-assets 使用 SEE LICENSE IN LICENSE\.md 许可。许可条款写在包内的独立文件中，请阅读该文件确认可否商用。以上为概括，不构成法律意见，请以许可原文为准。 ### @amsterdam/design-system-assets 的下载量有多少？ 根据 npm 官方下载统计，@amsterdam/design-system-assets 在 2026/10/06 – 2026/11/04 这 30 天内被下载 12,448 次，日均约 415 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @amsterdam/design-system-assets 还在维护吗？ 最新版本 2\.7\.0 发布于 2026/10/22（16 天前）；至今共发布 23 个版本，其中过去 12 个月发布了 8 个；首次发布于 2023/07/12。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。