# @expo-google-fonts/barlow-semi-condensed 中文文档

规范地址：https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/

版本：0\.4\.1
npm 元数据更新时间：2025-09-17T15:54:11.028Z
中文译文更新时间：2026-11-14T04:26:00.728Z
软件包许可：MIT AND OFL-1\.1

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

原始 npm 页面：https://www.npmjs.com/package/%40expo-google-fonts/barlow-semi-condensed
原文对照：https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/?lang=original
项目主页：https://github.com/expo/google-fonts/tree/master/font-packages/barlow-semi-condensed#readme
源码仓库：https://github.com/expo/google-fonts

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

- 包体积（解压后）：3.9 MB，82 个文件
- 模块格式：CommonJS
- TypeScript 类型：包内自带
- 运行依赖：0 个
- 首次发布：2020-05-05T16:04:59.560Z
- 最新版本发布：2025-09-17T15:54:10.804Z
- 近 30 天下载量：36082（2026-10-14 至 2026-11-12，npm 官方下载统计）
- 已发布版本数：8（近 12 个月 0 个）

## 中文简介

在您的博览会应用程序中使用来自 Google 字体的 Barlow 半凝结字体家族

## 安装

```sh
npm install @expo-google-fonts/barlow-semi-condensed
```

也可以使用：`pnpm add @expo-google-fonts/barlow-semi-condensed`、`yarn add @expo-google-fonts/barlow-semi-condensed`、`bun add @expo-google-fonts/barlow-semi-condensed`

## README

# @expo-google-fonts/巴洛-半凝固

![npm version](https://flat.badgen.net/npm/v/@expo-google-fonts/barlow-semi-condensed) ![license](https://flat.badgen.net/github/license/expo/google-fonts) ![publish size](https://flat.badgen.net/packagephobia/install/@expo-google-fonts/barlow-semi-condensed) ![publish size](https://flat.badgen.net/packagephobia/publish/@expo-google-fonts/barlow-semi-condensed)

此软件包允许您使用 [**巴洛半凝结**](https://fonts.google.com/specimen/Barlow+Semi+Condensed) 字体家族从 [谷歌字体](https://fonts.google.com/) 在你的博览会应用.

## 巴洛半凝结

![Barlow Semi Condensed](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/font-family.png)

此字体家族包含 [18个样式](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/#readme--gallery)。 。 。 .

-   `BarlowSemiCondensed_100Thin`
-   `BarlowSemiCondensed_100Thin_Italic`
-   `BarlowSemiCondensed_200ExtraLight`
-   `BarlowSemiCondensed_200ExtraLight_Italic`
-   `BarlowSemiCondensed_300Light`
-   `BarlowSemiCondensed_300Light_Italic`
-   `BarlowSemiCondensed_400Regular`
-   `BarlowSemiCondensed_400Regular_Italic`
-   `BarlowSemiCondensed_500Medium`
-   `BarlowSemiCondensed_500Medium_Italic`
-   `BarlowSemiCondensed_600SemiBold`
-   `BarlowSemiCondensed_600SemiBold_Italic`
-   `BarlowSemiCondensed_700Bold`
-   `BarlowSemiCondensed_700Bold_Italic`
-   `BarlowSemiCondensed_800ExtraBold`
-   `BarlowSemiCondensed_800ExtraBold_Italic`
-   `BarlowSemiCondensed_900Black`
-   `BarlowSemiCondensed_900Black_Italic`

## 使用量

从您的 Expo 项目的根目录中的 shell 中运行此命令, 以便将字体家族包添加到您的工程中

```sh
npx expo install @expo-google-fonts/barlow-semi-condensed expo-font
```

现在将这样的代码添加到您的工程中

```js
import { Text, View } from "react-native";
import { useFonts } from '@expo-google-fonts/barlow-semi-condensed/useFonts';
import { BarlowSemiCondensed_100Thin } from '@expo-google-fonts/barlow-semi-condensed/100Thin';
import { BarlowSemiCondensed_100Thin_Italic } from '@expo-google-fonts/barlow-semi-condensed/100Thin_Italic';
import { BarlowSemiCondensed_200ExtraLight } from '@expo-google-fonts/barlow-semi-condensed/200ExtraLight';
import { BarlowSemiCondensed_200ExtraLight_Italic } from '@expo-google-fonts/barlow-semi-condensed/200ExtraLight_Italic';
import { BarlowSemiCondensed_300Light } from '@expo-google-fonts/barlow-semi-condensed/300Light';
import { BarlowSemiCondensed_300Light_Italic } from '@expo-google-fonts/barlow-semi-condensed/300Light_Italic';
import { BarlowSemiCondensed_400Regular } from '@expo-google-fonts/barlow-semi-condensed/400Regular';
import { BarlowSemiCondensed_400Regular_Italic } from '@expo-google-fonts/barlow-semi-condensed/400Regular_Italic';
import { BarlowSemiCondensed_500Medium } from '@expo-google-fonts/barlow-semi-condensed/500Medium';
import { BarlowSemiCondensed_500Medium_Italic } from '@expo-google-fonts/barlow-semi-condensed/500Medium_Italic';
import { BarlowSemiCondensed_600SemiBold } from '@expo-google-fonts/barlow-semi-condensed/600SemiBold';
import { BarlowSemiCondensed_600SemiBold_Italic } from '@expo-google-fonts/barlow-semi-condensed/600SemiBold_Italic';
import { BarlowSemiCondensed_700Bold } from '@expo-google-fonts/barlow-semi-condensed/700Bold';
import { BarlowSemiCondensed_700Bold_Italic } from '@expo-google-fonts/barlow-semi-condensed/700Bold_Italic';
import { BarlowSemiCondensed_800ExtraBold } from '@expo-google-fonts/barlow-semi-condensed/800ExtraBold';
import { BarlowSemiCondensed_800ExtraBold_Italic } from '@expo-google-fonts/barlow-semi-condensed/800ExtraBold_Italic';
import { BarlowSemiCondensed_900Black } from '@expo-google-fonts/barlow-semi-condensed/900Black';
import { BarlowSemiCondensed_900Black_Italic } from '@expo-google-fonts/barlow-semi-condensed/900Black_Italic';

export default () => {

  let [fontsLoaded] = useFonts({
    BarlowSemiCondensed_100Thin, 
    BarlowSemiCondensed_100Thin_Italic, 
    BarlowSemiCondensed_200ExtraLight, 
    BarlowSemiCondensed_200ExtraLight_Italic, 
    BarlowSemiCondensed_300Light, 
    BarlowSemiCondensed_300Light_Italic, 
    BarlowSemiCondensed_400Regular, 
    BarlowSemiCondensed_400Regular_Italic, 
    BarlowSemiCondensed_500Medium, 
    BarlowSemiCondensed_500Medium_Italic, 
    BarlowSemiCondensed_600SemiBold, 
    BarlowSemiCondensed_600SemiBold_Italic, 
    BarlowSemiCondensed_700Bold, 
    BarlowSemiCondensed_700Bold_Italic, 
    BarlowSemiCondensed_800ExtraBold, 
    BarlowSemiCondensed_800ExtraBold_Italic, 
    BarlowSemiCondensed_900Black, 
    BarlowSemiCondensed_900Black_Italic
  });

  let fontSize = 24;
  let paddingVertical = 6;

  if (!fontsLoaded) {
    return null;
  } else {
    return (
      <View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_100Thin"
        }}>
          Barlow Semi Condensed Thin
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_100Thin_Italic"
        }}>
          Barlow Semi Condensed Thin Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_200ExtraLight"
        }}>
          Barlow Semi Condensed Extra Light
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_200ExtraLight_Italic"
        }}>
          Barlow Semi Condensed Extra Light Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_300Light"
        }}>
          Barlow Semi Condensed Light
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_300Light_Italic"
        }}>
          Barlow Semi Condensed Light Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_400Regular"
        }}>
          Barlow Semi Condensed Regular
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_400Regular_Italic"
        }}>
          Barlow Semi Condensed Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_500Medium"
        }}>
          Barlow Semi Condensed Medium
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_500Medium_Italic"
        }}>
          Barlow Semi Condensed Medium Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_600SemiBold"
        }}>
          Barlow Semi Condensed Semi Bold
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_600SemiBold_Italic"
        }}>
          Barlow Semi Condensed Semi Bold Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_700Bold"
        }}>
          Barlow Semi Condensed Bold
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_700Bold_Italic"
        }}>
          Barlow Semi Condensed Bold Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_800ExtraBold"
        }}>
          Barlow Semi Condensed Extra Bold
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_800ExtraBold_Italic"
        }}>
          Barlow Semi Condensed Extra Bold Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_900Black"
        }}>
          Barlow Semi Condensed Black
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "BarlowSemiCondensed_900Black_Italic"
        }}>
          Barlow Semi Condensed Black Italic
        </Text>
      </View>
    );
  }
};
```

## QQ 画廊

|  |  |  |
| --- | --- | --- |
| ![BarlowSemiCondensed\_100Thin](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/100Thin/BarlowSemiCondensed_100Thin.ttf.png) | ![BarlowSemiCondensed\_100Thin\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/100Thin_Italic/BarlowSemiCondensed_100Thin_Italic.ttf.png) | ![BarlowSemiCondensed\_200ExtraLight](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/200ExtraLight/BarlowSemiCondensed_200ExtraLight.ttf.png) |
| ![BarlowSemiCondensed\_200ExtraLight\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/200ExtraLight_Italic/BarlowSemiCondensed_200ExtraLight_Italic.ttf.png) | ![BarlowSemiCondensed\_300Light](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/300Light/BarlowSemiCondensed_300Light.ttf.png) | ![BarlowSemiCondensed\_300Light\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/300Light_Italic/BarlowSemiCondensed_300Light_Italic.ttf.png) |
| ![BarlowSemiCondensed\_400Regular](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/400Regular/BarlowSemiCondensed_400Regular.ttf.png) | ![BarlowSemiCondensed\_400Regular\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/400Regular_Italic/BarlowSemiCondensed_400Regular_Italic.ttf.png) | ![BarlowSemiCondensed\_500Medium](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/500Medium/BarlowSemiCondensed_500Medium.ttf.png) |
| ![BarlowSemiCondensed\_500Medium\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/500Medium_Italic/BarlowSemiCondensed_500Medium_Italic.ttf.png) | ![BarlowSemiCondensed\_600SemiBold](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/600SemiBold/BarlowSemiCondensed_600SemiBold.ttf.png) | ![BarlowSemiCondensed\_600SemiBold\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/600SemiBold_Italic/BarlowSemiCondensed_600SemiBold_Italic.ttf.png) |
| ![BarlowSemiCondensed\_700Bold](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/700Bold/BarlowSemiCondensed_700Bold.ttf.png) | ![BarlowSemiCondensed\_700Bold\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/700Bold_Italic/BarlowSemiCondensed_700Bold_Italic.ttf.png) | ![BarlowSemiCondensed\_800ExtraBold](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/800ExtraBold/BarlowSemiCondensed_800ExtraBold.ttf.png) |
| ![BarlowSemiCondensed\_800ExtraBold\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/800ExtraBold_Italic/BarlowSemiCondensed_800ExtraBold_Italic.ttf.png) | ![BarlowSemiCondensed\_900Black](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/900Black/BarlowSemiCondensed_900Black.ttf.png) | ![BarlowSemiCondensed\_900Black\_Italic](https://npmcn.com/package/%40expo-google-fonts/barlow-semi-condensed/900Black_Italic/BarlowSemiCondensed_900Black_Italic.ttf.png) |

## 开发期间的使用

如果您尝试了许多不同的字体, 您可以尝试使用 [`@expo-google-fonts/dev` 软件包](https://github.com/expo/google-fonts/tree/master/font-packages/dev#readme)。 。 。 .

您可以导入 _任意_ 任何 Expo Google 字体包的字体样式。 它会在运行时将字体加载到网络上,而不是将资产作为文件添加到您的项目中,因此您的应用程序在启动时可能需要更长的时间才能实现交互,但是在任意风格的游戏中极方便.

## 许可证

这个 `@expo-google-fonts/barlow-semi-condensed` 软件包及其代码在麻省理工学院许可下发布.

Google字体目录中的所有字体都是免费和开源的.

检查 [谷歌字体上的Barlow半凝固页面](https://fonts.google.com/specimen/Barlow+Semi+Condensed) 该字体家族的特定许可证.

您可以在您的产品和项目中自由使用这些字体 -- -- 打印或数字、商业或其他。 然而,不能自行销售字体. 这不是法律建议,请考虑咨询律师 并查看所有细节的完整许可证.

## 链接

-   [谷歌字体上的Barlow 半凝结](https://fonts.google.com/specimen/Barlow+Semi+Condensed)
-   [谷歌字体](https://fonts.google.com/)
-   [Npm 上的这个软件包](https://www.npmjs.com/package/@expo-google-fonts/barlow-semi-condensed)
-   [GitHub 上的这个软件包](https://github.com/expo/google-fonts/tree/master/font-packages/barlow-semi-condensed)
-   [GitHub 上的博览会 Google 字体项目](https://github.com/expo/google-fonts)
-   [`@expo-google-fonts/dev` 开发软件包](https://github.com/expo/google-fonts/tree/master/font-packages/dev)

## 捐款

贡献是非常受欢迎的! 这个整个目录,包括您现在所读的内容,都是由代码生成的. 请不直接提交公关文件,而是向 [生成器](https://github.com/expo/google-fonts/tree/master/packages/generator) 换句话说.

## 常见问题

### @expo-google-fonts/barlow-semi-condensed 是什么？

在您的博览会应用程序中使用来自 Google 字体的 Barlow 半凝结字体家族

### 如何安装 @expo-google-fonts/barlow-semi-condensed？

在项目目录运行 npm install @expo-google-fonts/barlow-semi-condensed，或使用 pnpm add / yarn add / bun add。

### @expo-google-fonts/barlow-semi-condensed 支持 TypeScript 吗？

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

### @expo-google-fonts/barlow-semi-condensed 支持 ESM 还是 CommonJS？

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

### @expo-google-fonts/barlow-semi-condensed 可以商用吗？

@expo-google-fonts/barlow-semi-condensed 使用 MIT AND OFL-1\.1 许可。声明的许可为 MIT AND OFL-1\.1，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。

### @expo-google-fonts/barlow-semi-condensed 的下载量有多少？

根据 npm 官方下载统计，@expo-google-fonts/barlow-semi-condensed 在 2026/10/14 – 2026/11/12 这 30 天内被下载 36,082 次，日均约 1,203 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。

### @expo-google-fonts/barlow-semi-condensed 还在维护吗？

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