# @fontsource-variable/karla 中文文档

规范地址：https://npmcn.com/package/%40fontsource-variable/karla/

版本：5\.3\.0
npm 元数据更新时间：2026-07-19T03:50:30.753Z
中文译文更新时间：2026-11-15T05:10:12.439Z
软件包许可：OFL-1\.1

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

原始 npm 页面：https://www.npmjs.com/package/%40fontsource-variable/karla
原文对照：https://npmcn.com/package/%40fontsource-variable/karla/?lang=original
项目主页：https://fontsource.org/fonts/karla
源码仓库：https://github.com/fontsource/font-files

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

- 包体积（解压后）：116 kB，16 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2023-05-21T15:59:17.939Z
- 最新版本发布：2026-07-19T03:50:30.442Z
- 近 30 天下载量：224106（2026-10-15 至 2026-11-13，npm 官方下载统计）
- 已发布版本数：30（近 12 个月 1 个）

## 中文简介

以整齐地捆绑国家防范机制包装的卡拉字体自我主机.

## 安装

```sh
npm install @fontsource-variable/karla
```

也可以使用：`pnpm add @fontsource-variable/karla`、`yarn add @fontsource-variable/karla`、`bun add @fontsource-variable/karla`

## README

# 字体源代码 Karla

[![npm (scoped)](https://img.shields.io/npm/v/@fontsource-variable/karla?color=brightgreen)](https://www.npmjs.com/package/@fontsource-variable/karla) [![Generic badge](https://img.shields.io/badge/fontsource-passing-brightgreen)](https://github.com/fontsource/fontsource) [![Monthly downloads](https://badgen.net/npm/dm/@fontsource-variable/karla)](https://github.com/fontsource/fontsource) [![Total downloads](https://badgen.net/npm/dt/@fontsource-variable/karla)](https://github.com/fontsource/fontsource)

CSS和web字体文件可以方便地自行托管"Karla"可变字体. 请访问主机 [字体来源网站](https://fontsource.org/fonts/karla) 查看此软件包的更详细信息.

## 快速安装

Fontsource提供了多种方法来导入CSS,包括使用像Vite这样的捆绑机或使用SASS. 您可以找到完整的文档 [这里](https://fontsource.org/docs/getting-started/introduction)。 。 。 .

```javascript
npm install @fontsource-variable/karla
```

在您的应用程序条目文件或站点组件中, 导入它 .

```javascript
import "@fontsource-variable/karla"; // Defaults to wght axis
import "@fontsource-variable/karla/wght.css"; // Specify axis
import "@fontsource-variable/karla/wght-italic.css"; // Specify axis and style
```

支持的变量 :

-   重量 : `[200,300,400,500,600,700,800]`
-   样式 : `[italic,normal]`
-   子集 : `[latin,latin-ext]`
-   轴: `[wght]`

> 说明: `italic` 可能不会得到所有字体的支持。 了解更多支持什么轴和风格,请访问 [字体来源网站](https://fontsource.org/fonts/karla)。 。 。 .

最后,可以在CSS样式表,CSS模块,或CSS-in-JS中引用字体名称.

```css
body {
  font-family: "Karla Variable";
}
```

## 许可证发放

总是确保读取您使用的每个字体的许可证 。 收藏中的字体大多使用SIL Open Font License, v1.1. 一些字体使用Apache 2许可证. Ubuntu字体使用Ubuntu字体许可证v1.0.

2019年版权 卡拉计划作者 (简体中文)[https://github.com/googlefonts/karla (英语)](https://github.com/googlefonts/karla)) 卡拉-意大利 \[wght\].ttf:版权2019"卡拉计划"作者 (中文(简体) )[https://github.com/googlefonts/karla (英语)](https://github.com/googlefonts/karla)(中文(简体) ) [OFL-1.1 数据](https://openfontlicense.org/)

## 其他说明

字体版本( 按来源提供) : `v33`。 。 。 .

如果您有任何建议或想法来改进字体加载或扩展已存在的库的性能,可以随意恒星并贡献给此寄存器. 你可以通过创建 [问题](https://github.com/fontsource/fontsource/issues)。 。 。 .

## 常见问题

### @fontsource-variable/karla 是什么？

以整齐地捆绑国家防范机制包装的卡拉字体自我主机\.

### 如何安装 @fontsource-variable/karla？

在项目目录运行 npm install @fontsource-variable/karla，或使用 pnpm add / yarn add / bun add。

### @fontsource-variable/karla 支持 TypeScript 吗？

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

### @fontsource-variable/karla 支持 ESM 还是 CommonJS？

以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。

### @fontsource-variable/karla 可以商用吗？

@fontsource-variable/karla 使用 OFL-1\.1 许可。声明的许可为 OFL-1\.1，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。

### @fontsource-variable/karla 的下载量有多少？

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

### @fontsource-variable/karla 还在维护吗？

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