@ 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 外部样式和生成的主题资产的更改必须遵循 主题构建工作流程。v7.2.0主题为遗产和关闭 用于常规更改.

安装

npm install @featherk/styles

CSS 设置和字体加载

FeatherK 样式集成

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

// 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文件包含使用相对路径的字体面声明:

@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 和字体文件 :

   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/* 软件包以单一方式维护 变动情况。 。 。 .

许可证

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

完整的Inter版权和OFL通知包含在已发布的软件包中 时间 dist/licenses/Inter-OFL.txt见 通知间 财务报告和审定财务报表 上游 间许可。 。 。 . 用应用程序再分配捆绑字体时保留此通知 .

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