# @expo-google-fonts/host-grotesk 中文文档 规范地址：https://npmcn.com/package/%40expo-google-fonts/host-grotesk/ 版本：0\.4\.1 npm 元数据更新时间：2025-09-05T18:38:03.490Z 中文译文更新时间：2026-11-14T04:40:01.128Z 软件包许可：MIT AND OFL-1\.1 本文由上游 README 翻译，可能存在偏差，请结合原文核对 API、命令与配置。版权与许可归原作者所有。 原始 npm 页面：https://www.npmjs.com/package/%40expo-google-fonts/host-grotesk 原文对照：https://npmcn.com/package/%40expo-google-fonts/host-grotesk/?lang=original 项目主页：https://github.com/expo/google-fonts/tree/master/font-packages/host-grotesk#readme 源码仓库：https://github.com/expo/google-fonts ## 关键信息（来自 npm 元数据） - 包体积（解压后）：2.1 MB，58 个文件 - 模块格式：CommonJS - TypeScript 类型：包内自带 - 运行依赖：0 个 - 首次发布：2025-03-31T13:44:29.798Z - 最新版本发布：2025-09-05T18:38:03.185Z - 近 30 天下载量：15411（2026-10-14 至 2026-11-12，npm 官方下载统计） - 已发布版本数：3（近 12 个月 0 个） ## 中文简介 在您的博览会应用程序中使用来自 Google 字体的 Host Grotesk 字体家族 ## 安装 ```sh npm install @expo-google-fonts/host-grotesk ``` 也可以使用：`pnpm add @expo-google-fonts/host-grotesk`、`yarn add @expo-google-fonts/host-grotesk`、`bun add @expo-google-fonts/host-grotesk` ## README # @expo-google-fonts/host-grotesk (英语) ![npm version](https://flat.badgen.net/npm/v/@expo-google-fonts/host-grotesk) ![license](https://flat.badgen.net/github/license/expo/google-fonts) ![publish size](https://flat.badgen.net/packagephobia/install/@expo-google-fonts/host-grotesk) ![publish size](https://flat.badgen.net/packagephobia/publish/@expo-google-fonts/host-grotesk) 此软件包允许您使用 [**主机格罗特斯克**](https://fonts.google.com/specimen/Host+Grotesk) 字体家族从 [谷歌字体](https://fonts.google.com/) 在你的博览会应用. ## 主机格罗特斯克 ![Host Grotesk](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/font-family.png) 此字体家族包含 [12个样式](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/#readme--gallery)。 。 。 . - `HostGrotesk_300Light` - `HostGrotesk_400Regular` - `HostGrotesk_500Medium` - `HostGrotesk_600SemiBold` - `HostGrotesk_700Bold` - `HostGrotesk_800ExtraBold` - `HostGrotesk_300Light_Italic` - `HostGrotesk_400Regular_Italic` - `HostGrotesk_500Medium_Italic` - `HostGrotesk_600SemiBold_Italic` - `HostGrotesk_700Bold_Italic` - `HostGrotesk_800ExtraBold_Italic` ## 使用量 从您的 Expo 项目的根目录中的 shell 中运行此命令, 以便将字体家族包添加到您的工程中 ```sh npx expo install @expo-google-fonts/host-grotesk expo-font ``` 现在将这样的代码添加到您的工程中 ```js import { Text, View } from "react-native"; import { useFonts } from '@expo-google-fonts/host-grotesk/useFonts'; import { HostGrotesk_300Light } from '@expo-google-fonts/host-grotesk/300Light'; import { HostGrotesk_400Regular } from '@expo-google-fonts/host-grotesk/400Regular'; import { HostGrotesk_500Medium } from '@expo-google-fonts/host-grotesk/500Medium'; import { HostGrotesk_600SemiBold } from '@expo-google-fonts/host-grotesk/600SemiBold'; import { HostGrotesk_700Bold } from '@expo-google-fonts/host-grotesk/700Bold'; import { HostGrotesk_800ExtraBold } from '@expo-google-fonts/host-grotesk/800ExtraBold'; import { HostGrotesk_300Light_Italic } from '@expo-google-fonts/host-grotesk/300Light_Italic'; import { HostGrotesk_400Regular_Italic } from '@expo-google-fonts/host-grotesk/400Regular_Italic'; import { HostGrotesk_500Medium_Italic } from '@expo-google-fonts/host-grotesk/500Medium_Italic'; import { HostGrotesk_600SemiBold_Italic } from '@expo-google-fonts/host-grotesk/600SemiBold_Italic'; import { HostGrotesk_700Bold_Italic } from '@expo-google-fonts/host-grotesk/700Bold_Italic'; import { HostGrotesk_800ExtraBold_Italic } from '@expo-google-fonts/host-grotesk/800ExtraBold_Italic'; export default () => { let [fontsLoaded] = useFonts({ HostGrotesk_300Light, HostGrotesk_400Regular, HostGrotesk_500Medium, HostGrotesk_600SemiBold, HostGrotesk_700Bold, HostGrotesk_800ExtraBold, HostGrotesk_300Light_Italic, HostGrotesk_400Regular_Italic, HostGrotesk_500Medium_Italic, HostGrotesk_600SemiBold_Italic, HostGrotesk_700Bold_Italic, HostGrotesk_800ExtraBold_Italic }); let fontSize = 24; let paddingVertical = 6; if (!fontsLoaded) { return null; } else { return ( Host Grotesk Light Host Grotesk Regular Host Grotesk Medium Host Grotesk Semi Bold Host Grotesk Bold Host Grotesk Extra Bold Host Grotesk Light Italic Host Grotesk Italic Host Grotesk Medium Italic Host Grotesk Semi Bold Italic Host Grotesk Bold Italic Host Grotesk Extra Bold Italic ); } }; ``` ## QQ 画廊 | | | | | --- | --- | --- | | ![HostGrotesk\_300Light](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/300Light/HostGrotesk_300Light.ttf.png) | ![HostGrotesk\_400Regular](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/400Regular/HostGrotesk_400Regular.ttf.png) | ![HostGrotesk\_500Medium](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/500Medium/HostGrotesk_500Medium.ttf.png) | | ![HostGrotesk\_600SemiBold](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/600SemiBold/HostGrotesk_600SemiBold.ttf.png) | ![HostGrotesk\_700Bold](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/700Bold/HostGrotesk_700Bold.ttf.png) | ![HostGrotesk\_800ExtraBold](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/800ExtraBold/HostGrotesk_800ExtraBold.ttf.png) | | ![HostGrotesk\_300Light\_Italic](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/300Light_Italic/HostGrotesk_300Light_Italic.ttf.png) | ![HostGrotesk\_400Regular\_Italic](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/400Regular_Italic/HostGrotesk_400Regular_Italic.ttf.png) | ![HostGrotesk\_500Medium\_Italic](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/500Medium_Italic/HostGrotesk_500Medium_Italic.ttf.png) | | ![HostGrotesk\_600SemiBold\_Italic](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/600SemiBold_Italic/HostGrotesk_600SemiBold_Italic.ttf.png) | ![HostGrotesk\_700Bold\_Italic](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/700Bold_Italic/HostGrotesk_700Bold_Italic.ttf.png) | ![HostGrotesk\_800ExtraBold\_Italic](https://npmcn.com/package/%40expo-google-fonts/host-grotesk/800ExtraBold_Italic/HostGrotesk_800ExtraBold_Italic.ttf.png) | ## 开发期间的使用 如果您尝试了许多不同的字体, 您可以尝试使用 [`@expo-google-fonts/dev` 软件包](https://github.com/expo/google-fonts/tree/master/font-packages/dev#readme)。 。 。 . 您可以导入 _任意_ 任何 Expo Google 字体包的字体样式。 它会在运行时将字体加载到网络上,而不是将资产作为文件添加到您的项目中,因此您的应用程序在启动时可能需要更长的时间才能实现交互,但是在任意风格的游戏中极方便. ## 许可证 这个 `@expo-google-fonts/host-grotesk` 软件包及其代码在麻省理工学院许可下发布. Google字体目录中的所有字体都是免费和开源的. 检查 [在 Google 字体上的主机 Grotesk 页面](https://fonts.google.com/specimen/Host+Grotesk) 该字体家族的特定许可证. 您可以在您的产品和项目中自由使用这些字体 -- -- 打印或数字、商业或其他。 然而,不能自行销售字体. 这不是法律建议,请考虑咨询律师 并查看所有细节的完整许可证. ## 链接 - [关于 Google 字体的主机 Grotesk](https://fonts.google.com/specimen/Host+Grotesk) - [谷歌字体](https://fonts.google.com/) - [Npm 上的这个软件包](https://www.npmjs.com/package/@expo-google-fonts/host-grotesk) - [GitHub 上的这个软件包](https://github.com/expo/google-fonts/tree/master/font-packages/host-grotesk) - [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/host-grotesk 是什么？ 在您的博览会应用程序中使用来自 Google 字体的 Host Grotesk 字体家族 ### 如何安装 @expo-google-fonts/host-grotesk？ 在项目目录运行 npm install @expo-google-fonts/host-grotesk，或使用 pnpm add / yarn add / bun add。 ### @expo-google-fonts/host-grotesk 支持 TypeScript 吗？ 支持。包内自带 TypeScript 类型声明（package\.json 声明了 types 入口），安装后即可获得类型提示，无需再安装 @types 包。 ### @expo-google-fonts/host-grotesk 支持 ESM 还是 CommonJS？ 以 CommonJS 形式发布，可以直接 require\(\)；在 ES Module 项目中也可以用 import 引入（Node\.js 会把 module\.exports 作为默认导出）。 ### @expo-google-fonts/host-grotesk 可以商用吗？ @expo-google-fonts/host-grotesk 使用 MIT AND OFL-1\.1 许可。声明的许可为 MIT AND OFL-1\.1，请阅读许可原文确认使用条件。以上为概括，不构成法律意见，请以许可原文为准。 ### @expo-google-fonts/host-grotesk 的下载量有多少？ 根据 npm 官方下载统计，@expo-google-fonts/host-grotesk 在 2026/10/14 – 2026/11/12 这 30 天内被下载 15,411 次，日均约 514 次。下载量会把 CI 构建、镜像同步和作为其他包依赖的安装一并计入，适合横向比较热度，不能直接等同于使用人数。 ### @expo-google-fonts/host-grotesk 还在维护吗？ 最新版本 0\.4\.1 发布于 2025/09/06（1\.2 年前）；至今共发布 3 个版本，其中过去 12 个月发布了 0 个；首次发布于 2025/03/31。发布频率只是参考信号：功能稳定的工具可能很少需要更新，建议结合源码仓库的 issue 和提交记录判断。