google fonts

在您的博览会应用中，使用fonts.google.com的1488个字体和变体中的任何一个

---

世博 - 山区

@expo-google-fonts用于博览会的软件包允许您在expo应用中轻松地从fonts.google.com轻松地使用1488个字体（及其变体）。

这些软件包和所有这些字体都可以在Web，iOS和Android上工作，并且可以免费使用和开源。

用法

这是一个非常简单的项目中使用字体家族的示例。

为您想要的字体安装包装

npx expo install @expo-google-fonts/inter expo-font

在您的应用中

 import React , { useState , useEffect } from 'react' ;
import { Text , View , StyleSheet } from 'react-native' ;
import {  useFonts , Inter_900Black } from '@expo-google-fonts/inter' ;

export default function App ( ) {
  let [ fontsLoaded ] = useFonts ( {
    Inter_900Black ,
  } ) ;

  if ( ! fontsLoaded ) {
    return null ;
  }

  return (
    < View style = { { flex : 1 , justifyContent : 'center' , alignItems : 'center' } } >
      < Text style = { { fontFamily : 'Inter_900Black' , fontSize : 40 } } > Inter Black < / Text >
    < / View >
  ) ;
}

注意：您还可以在渲染应用程序之前安装expo-splash-screen以加载字体。这将有助于您在加载字体时保持飞溅屏幕可见，然后在应用程序呈现一些初始内容时隐藏Splash屏幕。有关更多信息，请参见字体中的最小示例。

示例项目

这是一个最小但完整的例子。

每个单独的字体家庭套餐读数都包含一个使用该字体系列的完整示例。

？可用字体

您可以在fonts.google.com上浏览所有可用的Google字体。

Directory-by-Atiladev-com.netlify.app是目录 /搜索引擎，可让您浏览和搜索所有可用字体，并向您展示所需的适当import语句，以便您可以将其复制和粘贴到自己的身上代码。

以下是1488个字体的5504个变体的一些示例：

此存储库中还有一个画廊，显示了每个字体系列和可用的变体。

@ @ @expo-google-fonts/dev

如果您正在尝试许多不同的字体，则可以尝试使用@expo-google-fonts/dev软件包。

您可以从任何Expo Google字体软件包中导入任何字体样式。它将在运行时加载字体上的字体，而不是将资产作为文件添加到您的项目中，因此您的应用程序可能需要更长的时间才能在启动时进行Internterivity，但是对于使用任何样式的风格来说，它非常方便想。

许可

Expo Google字体项目及其代码是根据MIT许可证获得许可的。

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

个别字体有自己的许可证。许多使用开放字体许可证获得许可。例如，Nunito使用OFL。在发布时，请检查您使用的字体系列的Google字体页面，并在项目发布时将这些许可添加到您的项目许可列表中。

问：我可以在商业上使用这些字体：在我的应用程序，网站等上制作徽标吗？

答：您可以在产品和项目中自由使用这些字体 - 印刷或数字，商业或其他方式。但是，您不能自己出售字体。这不是法律建议，请考虑咨询律师，并查看所有详细信息的完整许可证。

？贡献

贡献非常欢迎！请注意， font-packages下的所有内容以及此读数都将生成。因此，请对生成器进行任何更改，而不是包装本身。

作者

• Charlie Cheever（@ccheever） - 博览会
• Leandro Favre（@atiladev） - atiladev
• 塞德里克·范·普滕（@bycedric） - 博览会

？链接

• Google字体
• 使用世博文档中的自定义字体指南
• google_fonts扑面包
• Google字体的所有可用样式的画廊
• 这些包裹的产生和此读数