@expo-google-fonts/fira-sans-condensed

中文文档

0.4.1发布于 2025/09/13MIT AND OFL-1.1TypeScriptCommonJS零依赖近 30 天下载 3393

在您的博览会应用中使用来自 Google 字体的 Fira Sans 收缩字体家族

文档目录7 节

菲拉·桑斯凝聚
使用量
QQ 画廊
开发期间的使用
许可证
链接
捐款

@expo-google-fonts/fira-sans-凝固态

npm version license publish size

此软件包允许您使用 菲拉·桑斯凝聚 字体家族从谷歌字体在你的博览会应用.

菲拉·桑斯凝聚

Fira Sans Condensed

此字体家族包含 18个样式。。。 .

FiraSansCondensed_100Thin
FiraSansCondensed_100Thin_Italic
FiraSansCondensed_200ExtraLight
FiraSansCondensed_200ExtraLight_Italic
FiraSansCondensed_300Light
FiraSansCondensed_300Light_Italic
FiraSansCondensed_400Regular
FiraSansCondensed_400Regular_Italic
FiraSansCondensed_500Medium
FiraSansCondensed_500Medium_Italic
FiraSansCondensed_600SemiBold
FiraSansCondensed_600SemiBold_Italic
FiraSansCondensed_700Bold
FiraSansCondensed_700Bold_Italic
FiraSansCondensed_800ExtraBold
FiraSansCondensed_800ExtraBold_Italic
FiraSansCondensed_900Black
FiraSansCondensed_900Black_Italic

使用量

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

npx expo install @expo-google-fonts/fira-sans-condensed expo-font

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

import { Text, View } from "react-native";
import { useFonts } from '@expo-google-fonts/fira-sans-condensed/useFonts';
import { FiraSansCondensed_100Thin } from '@expo-google-fonts/fira-sans-condensed/100Thin';
import { FiraSansCondensed_100Thin_Italic } from '@expo-google-fonts/fira-sans-condensed/100Thin_Italic';
import { FiraSansCondensed_200ExtraLight } from '@expo-google-fonts/fira-sans-condensed/200ExtraLight';
import { FiraSansCondensed_200ExtraLight_Italic } from '@expo-google-fonts/fira-sans-condensed/200ExtraLight_Italic';
import { FiraSansCondensed_300Light } from '@expo-google-fonts/fira-sans-condensed/300Light';
import { FiraSansCondensed_300Light_Italic } from '@expo-google-fonts/fira-sans-condensed/300Light_Italic';
import { FiraSansCondensed_400Regular } from '@expo-google-fonts/fira-sans-condensed/400Regular';
import { FiraSansCondensed_400Regular_Italic } from '@expo-google-fonts/fira-sans-condensed/400Regular_Italic';
import { FiraSansCondensed_500Medium } from '@expo-google-fonts/fira-sans-condensed/500Medium';
import { FiraSansCondensed_500Medium_Italic } from '@expo-google-fonts/fira-sans-condensed/500Medium_Italic';
import { FiraSansCondensed_600SemiBold } from '@expo-google-fonts/fira-sans-condensed/600SemiBold';
import { FiraSansCondensed_600SemiBold_Italic } from '@expo-google-fonts/fira-sans-condensed/600SemiBold_Italic';
import { FiraSansCondensed_700Bold } from '@expo-google-fonts/fira-sans-condensed/700Bold';
import { FiraSansCondensed_700Bold_Italic } from '@expo-google-fonts/fira-sans-condensed/700Bold_Italic';
import { FiraSansCondensed_800ExtraBold } from '@expo-google-fonts/fira-sans-condensed/800ExtraBold';
import { FiraSansCondensed_800ExtraBold_Italic } from '@expo-google-fonts/fira-sans-condensed/800ExtraBold_Italic';
import { FiraSansCondensed_900Black } from '@expo-google-fonts/fira-sans-condensed/900Black';
import { FiraSansCondensed_900Black_Italic } from '@expo-google-fonts/fira-sans-condensed/900Black_Italic';

export default () => {

  let [fontsLoaded] = useFonts({
    FiraSansCondensed_100Thin, 
    FiraSansCondensed_100Thin_Italic, 
    FiraSansCondensed_200ExtraLight, 
    FiraSansCondensed_200ExtraLight_Italic, 
    FiraSansCondensed_300Light, 
    FiraSansCondensed_300Light_Italic, 
    FiraSansCondensed_400Regular, 
    FiraSansCondensed_400Regular_Italic, 
    FiraSansCondensed_500Medium, 
    FiraSansCondensed_500Medium_Italic, 
    FiraSansCondensed_600SemiBold, 
    FiraSansCondensed_600SemiBold_Italic, 
    FiraSansCondensed_700Bold, 
    FiraSansCondensed_700Bold_Italic, 
    FiraSansCondensed_800ExtraBold, 
    FiraSansCondensed_800ExtraBold_Italic, 
    FiraSansCondensed_900Black, 
    FiraSansCondensed_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: "FiraSansCondensed_100Thin"
        }}>
          Fira Sans Condensed Thin
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_100Thin_Italic"
        }}>
          Fira Sans Condensed Thin Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_200ExtraLight"
        }}>
          Fira Sans Condensed Extra Light
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_200ExtraLight_Italic"
        }}>
          Fira Sans Condensed Extra Light Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_300Light"
        }}>
          Fira Sans Condensed Light
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_300Light_Italic"
        }}>
          Fira Sans Condensed Light Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_400Regular"
        }}>
          Fira Sans Condensed Regular
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_400Regular_Italic"
        }}>
          Fira Sans Condensed Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_500Medium"
        }}>
          Fira Sans Condensed Medium
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_500Medium_Italic"
        }}>
          Fira Sans Condensed Medium Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_600SemiBold"
        }}>
          Fira Sans Condensed Semi Bold
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_600SemiBold_Italic"
        }}>
          Fira Sans Condensed Semi Bold Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_700Bold"
        }}>
          Fira Sans Condensed Bold
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_700Bold_Italic"
        }}>
          Fira Sans Condensed Bold Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_800ExtraBold"
        }}>
          Fira Sans Condensed Extra Bold
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_800ExtraBold_Italic"
        }}>
          Fira Sans Condensed Extra Bold Italic
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_900Black"
        }}>
          Fira Sans Condensed Black
        </Text>
        <Text style={{
          fontSize,
          paddingVertical,
          // Note the quoting of the value for `fontFamily` here; it expects a string!
          fontFamily: "FiraSansCondensed_900Black_Italic"
        }}>
          Fira Sans Condensed Black Italic
        </Text>
      </View>
    );
  }
};

QQ 画廊

开发期间的使用

如果您尝试了许多不同的字体, 您可以尝试使用 @expo-google-fonts/dev 软件包。。。 .

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

许可证

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

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

检查 Fira Sans 在谷歌字体上的收缩页面该字体家族的特定许可证.

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

链接

捐款

贡献是非常受欢迎的! 这个整个目录,包括您现在所读的内容,都是由代码生成的. 请不直接提交公关文件,而是向生成器换句话说.

版本与发布记录

@expo-google-fonts/fira-sans-condensed 共发布 8 个版本，首次发布于 2020/05/06；过去 12 个月发布了 0 个版本。

版本	发布日期	距今
`0.4.1`latest	2025/09/13	1.2 年前
`0.4.0`	2025/05/28	1.5 年前
`0.3.0`	2025/03/31	1.6 年前
`0.2.3`	2023/02/22	3 年前
`0.2.2`	2022/01/15	4 年前
`0.2.0`	2021/06/30	5 年前

关于 @expo-google-fonts/fira-sans-condensed 的常见问题

@expo-google-fonts/fira-sans-condensed 是什么？

在您的博览会应用中使用来自 Google 字体的 Fira Sans 收缩字体家族

如何安装 @expo-google-fonts/fira-sans-condensed？

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

@expo-google-fonts/fira-sans-condensed 支持 TypeScript 吗？

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

@expo-google-fonts/fira-sans-condensed 支持 ESM 还是 CommonJS？

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

@expo-google-fonts/fira-sans-condensed 可以商用吗？

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

@expo-google-fonts/fira-sans-condensed 的下载量有多少？

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

@expo-google-fonts/fira-sans-condensed 还在维护吗？

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

npm install @expo-google-fonts/fira-sans-condensed

pnpmpnpm add @expo-google-fonts/fira-sans-condensed
yarnyarn add @expo-google-fonts/fira-sans-condensed
bunbun add @expo-google-fonts/fira-sans-condensed

在你的项目目录中运行此命令。

近 30 天下载

3,393

约 3393 次日均 113 次

统计周期 2026/10/14 – 2026/11/12
数据来自 npm 官方下载统计，今天更新

最新版本0.4.1发布于 1.2 年前

开源许可MIT AND OFL-1.1其他许可

包体积10.5 MB82 个文件 · 解压后

运行依赖0 个零依赖

模块格式CommonJS

TypeScript自带类型

发布版本8 个近 12 个月 0 个

首次发布2020/05/066 年前

元数据更新2025/09/13

每一个软件包背后，
都有分享与创造的人。