google fontsダウンロードgoogle fontsソースコードのダウンロード

google fonts

その他のソースコード

1.0.0

ダウンロード

博覧会Googleフォント

expoアプリでfonts.google.comの1488フォントとバリエーションを使用してください

エキスポグルフォント

Expo用の@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フォントをロードすることもできます。これにより、フォントをロードしながらスプラッシュ画面を表示し、アプリがいくつかの初期コンテンツでレンダリングされたときにスプラッシュ画面を非表示にするのに役立ちます。詳細については、フォントの最小限の例を参照してください。

例プロジェクト

ここに最小限であるが完全な例があります。

個々のフォントファミリパッケージREADMEには、そのフォントファミリを使用する完全な例が含まれています。

？利用可能なフォント

fonts.google.comで利用可能なすべてのGoogleフォントを閲覧できます。

Directory by-atiladev-com.netlify.appは、利用可能なすべてのフォントを閲覧および検索し、必要な適切なimportステートメントを表示できるディレクトリ /検索エンジンです。コード。

利用可能な1488フォントの5504バリエーションのいくつかの例を次に示します。

また、このリポジトリには、利用可能なすべてのフォントファミリとバリアントを示すギャラリーもあります。

？‍ @expo-google-fonts/dev

さまざまなフォントを試している場合は、 @expo-google-fonts/devパッケージを使用してみてください。

Expo Google Fontsパッケージからフォントスタイルをインポートできます。プロジェクトにファイルとしてアセットをファイルとして追加する代わりに、実行時にネットワーク上にフォントをロードするため、アプリがスタートアップでインタラクティブに到達するのに時間がかかる場合がありますが、あらゆるスタイルでプレイするには非常に便利です。欲しい。