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字體的所有可用樣式的畫廊
• 這些包裹的產生和此讀數