# @featherk/styles 中文文档

规范地址：https://npmcn.com/package/%40featherk/styles/

版本：0\.19\.4
npm 元数据更新时间：2026-11-13T20:41:15.212Z
中文译文更新时间：2026-11-14T12:51:03.372Z
软件包许可：MIT

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

原始 npm 页面：https://www.npmjs.com/package/%40featherk/styles
原文对照：https://npmcn.com/package/%40featherk/styles/?lang=original

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

- 包体积（解压后）：4.5 MB，53 个文件
- 模块格式：ES Module
- TypeScript 类型：包内自带
- 运行依赖：0 个
- peer 依赖：vue ^3\.5\.0，@progress/kendo-theme-default ~8\.2\.0
- 首次发布：2025-10-22T20:07:48.419Z
- 最新版本发布：2026-11-13T20:41:15.045Z
- 近 30 天下载量：2895（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：118（近 12 个月 108 个）

## 中文简介

FeatherK共享样式资产(CSS,字体),用于健道UI增强.

## 安装

```sh
npm install @featherk/styles
```

也可以使用：`pnpm add @featherk/styles`、`yarn add @featherk/styles`、`bun add @featherk/styles`

## README

# @ featherk/ 风格

FeatherK共享样式资产(CSS,字体),用于健道UI增强.

## 目录

-   `css/` 预建的香草 CSS 文件
-   `fonts/` CSS/ 引用的任何 Webfont 文件 常设委员会

## 健道 UI 兼容性

V8.2.0 资产是建立在 Telerik 主题建设器的导出 **`@progress/kendo-theme-default` 8.2.0 (中文(简体) )**,哪些目标 **坚道UI代表Vue 6.4.1**。 。 。 .

-   `dist/v8.2.0/css/featherk.css` 并包含剑道主题。 不同时装入 `@progress/kendo-theme-default`。 。 。 .
-   `dist/v8.2.0/scss/` 进口 `@progress/kendo-theme-default/dist/all`。如果您自己编译SCSS,请安装 `@progress/kendo-theme-default@~8.2.0` (宣布为可选同伴依赖).

## 保持主题

对 v8.2.0 外部样式和生成的主题资产的更改必须遵循 [主题构建工作流程](https://npmcn.com/package/%40featherk/styles/THEMEBUILDER.md)。v7.2.0主题为遗产和关闭 用于常规更改.

## 安装

```bash
npm install @featherk/styles
```

## CSS 设置和字体加载

### FeatherK 样式集成

使用 `@featherk/styles` 软件包,提供一致的造型和打字。 主要应用条目导入样式 :

```typescript
// src/main.ts
import { createApp } from "vue";
import "./style.css";
import App from "./App.vue";

// FeatherK custom styles with Inter font family
import "@featherk/styles/dist/v8.2.0/css/featherk.css";

createApp(App).mount("#app");
```

### 字体分辨率

FeatherK样式包括自动装入字体的Inter字体家族. CSS文件包含使用相对路径的字体面声明:

```css
@font-face {
  font-family: "Inter";
  src: url("../fonts/Inter-Regular.woff2") format("woff2");
  /* Additional font variants: Light, Bold, Italic, Medium, etc. */
}
```

#### 字体加载如何工作

1.  **软件包结构**编号: `@featherk/styles` 软件包包括 CSS 和字体文件 :
    
    ```text
    node_modules/@featherk/styles/
    ├── dist/
    │   ├── v7.2.0/
    │   │   ├── css/
    │   │   │   ├── feather-ks.css
    │   │   │   └── feather-k override.css
    │   │   └── fonts/
    │   │       ├── Inter-Regular.woff2
    │   │       ├── Inter-Bold.woff2
    │   │       ├── Inter-Light.woff2
    │   │       └── [other Inter variants]
    │   ├── v8.2.0/
    │   │   ├── css/
    │   │   │   └── featherk.css
    │   │   ├── fonts/
    │   │   │   ├── Inter-Regular.woff2
    │   │   │   ├── Inter-Bold.woff2
    │   │   │   ├── Inter-Light.woff2
    │   │   │   └── [other Inter variants]
    │   │   ├── scss/
    │   │   │   ├── _externalStyles.scss
    │   │   │   ├── _fonts.scss
    │   │   │   ├── _kendo.scss
    │   │   │   ├── _tokens.scss
    │   │   │   ├── index.scss
    │   │   │   └── [other .scss files]
    ```
    
2.  **相对路径分辨率**: 中央支助系统使用 `../fonts/` 正确解析路径 `/dist/v8.2.0/css/` 改为 `/dist/v8.2.0/fonts/`
    
3.  **虚拟处理**数字 :
    
    -   **发展**: Vite 直接从 `node_modules` 正确路径分辨率
    -   **生产**: 虚拟复制字体资产到构建输出并自动更新 CSS URL
4.  **浏览器加载**: Fonts 无附加配置地无缝地加载- Inter字体家族根据 FeatherK 样式在整个应用程序中应用.
    

* * *

## 更改日志

向所有人公布历史 `@featherk/*` 软件包以单一方式维护 [变动情况](https://github.com/NantHealth/featherk/blob/integration/CHANGELOG.md)。 。 。 .

## 许可证

FeatherK作曲风格在麻省理工学院下获得许可. 捆绑的 Inter 字体保留 他们的SIL Open Font License 1.1; 软件包的麻省理工学院许可证没有替换.

完整的Inter版权和OFL通知包含在已发布的软件包中 时间 `dist/licenses/Inter-OFL.txt`见 [通知间](https://github.com/NantHealth/featherk/blob/integration/packages/styles/licenses/Inter-OFL.txt) 财务报告和审定财务报表 [上游 间许可](https://github.com/rsms/inter/blob/master/LICENSE.txt)。 。 。 . 用应用程序再分配捆绑字体时保留此通知 .

该通知转载了目前的上游Inter许可。 校验出处 以及任何附加通知,说明在提供表格时所提供的确切字体释放 发布前的主题构建器导出; 添加它不会审计字体元数据或 确定其他第三方主题材料的再分配权.

## 常见问题

### @featherk/styles 是什么？

FeatherK共享样式资产\(CSS,字体\),用于健道UI增强\.

### 如何安装 @featherk/styles？

在项目目录运行 npm install @featherk/styles，或使用 pnpm add / yarn add / bun add。它还需要宿主项目提供 peer 依赖：vue（^3\.5\.0）。npm 7 及以上与 pnpm 8 及以上默认会自动安装必需的 peer 依赖，Yarn 需要手动安装。

### @featherk/styles 支持 TypeScript 吗？

支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。

### @featherk/styles 支持 ESM 还是 CommonJS？

以 ES Module 形式发布，推荐使用 import 引入。在 CommonJS 项目中，Node\.js 20\.19\+ / 22\.12\+ 可以直接 require\(\) 不含顶层 await 的 ES Module，更早的版本需要改用动态 import\(\)。

### @featherk/styles 可以商用吗？

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

### @featherk/styles 的下载量有多少？

根据 npm 官方下载统计，@featherk/styles 在 2026/10/15 – 2026/11/13 这 30 天内被下载 2,895 次，日均约 97 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @featherk/styles 还在维护吗？

最新版本 0\.19\.4 发布于 2026/11/14（今天）；至今共发布 118 个版本，其中过去 12 个月发布了 108 个；首次发布于 2025/10/23。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。