Expo Google Fonts 正式发布！

AWS 安全直播！

我希望在我的 Expo 项目中更轻松地使用 Google Fonts，因此在过去的一两周里，我一直在开发一个支持 Google Fonts 上所有可用字体的库，我很高兴地宣布它今天发布！

Expo 的软件包允许您在 Expo 应用中@expo-google-fonts轻松使用fonts.google.com
上的 991 种字体（及其变体）。

这些软件包和所有这些字体都可在网页、iOS 和 Android 上使用，并且
是免费开源的。

用法

以下是一个在非常简单的项目中使用Inter 字体系列的示例。

安装你想要的字体的软件包

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

在你的应用中

import React, { useState, useEffect } from 'react';

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

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

  if (!fontsLoaded) {
    return <AppLoading />;
  } else {
    return (
      <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>

        <Text style={{ fontFamily: 'Inter_900Black' }}>
          Inter Black
        </Text>

      </View>
    );
  }
};

示例项目

这是一个最简洁但完整的示例。

每个字体系列包的 README 文件都包含该字体系列的完整使用示例。

🔡 可用字体

您可以在fonts.google.com上浏览所有可用的 Google Fonts 字体。您可以从 Google Fonts 上的字体系列名称获取 Expo Google Fonts 的 npm 包名称。只需将所有内容转换为小写，并将空格替换为短横线，就像您通常处理 npm 包名称一样。例如，`<font-family>`Source San Pro将变为 `<font-family>` 。@expo-google-fonts/source-sans-pro

我的朋友 Leandro Favre 制作了一个目录/搜索引擎，您可以在其中浏览和搜索完整的字体列表，它会为您提供相应的导入语句。

以下是 991 字体 3020 种变体中的几个示例：