google fonts 다운로드 -Google google fonts 소스 코드 다운로드

google fonts

기타 소스코드

1.0.0

다운로드

엑스포 Google 글꼴

엑스포 앱에서 fonts.google.com의 1488 글꼴 및 변형을 사용하십시오.

expo-google-fonts

Expo 용 @expo-google-fonts 패키지를 사용하면 Expo 앱에서 Fonts.google.com에서 1488 글꼴 (및 해당 변형)을 쉽게 사용할 수 있습니다.

이 패키지와 모든 글꼴은 웹, iOS 및 Android에서 작동하며 무료로 사용 및 오픈 소스가 있습니다.

용법

다음은 매우 간단한 프로젝트에서 Inter Font 제품군을 사용하는 예입니다.

원하는 글꼴의 패키지를 설치하십시오

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 설치하여 글꼴을로드 할 수도 있습니다. 이렇게하면 글꼴을로드하는 동안 스플래시 화면을 보이게 한 다음 App이 초기 컨텐츠로 렌더링 할 때 스플래시 화면을 숨기는 데 도움이됩니다. 자세한 내용은 글꼴의 최소 예제를 참조하십시오.

예제 프로젝트

다음은 최소한이지만 완전한 예입니다.

각 개별 글꼴 패밀리 패키지 readme에는 해당 글꼴 패밀리를 사용하는 완전한 예가 포함되어 있습니다.

? 사용 가능한 글꼴

You can browse all available Google Fonts on fonts.google.com.

Directory-by-atiladev-com.netlify.app는 사용 가능한 모든 글꼴을 탐색하고 검색하고 필요한 적절한 import 오기 문을 표시하여 자신의 복사 및 붙여 넣기를 표시 할 수있는 디렉토리 / 검색 엔진입니다. 암호.

다음은 사용 가능한 1488 글꼴의 5504 변형의 몇 가지 예입니다.

이 저장소에는 모든 글꼴 패밀리 및 변형을 보여주는 갤러리가 있습니다.

? ogle @expo-google-fonts/dev

많은 다른 글꼴을 시험해 보면 @expo-google-fonts/dev 패키지를 사용해 볼 수 있습니다.

Expo Google Fonts 패키지에서 글꼴 스타일을 가져올 수 있습니다. 프로젝트에 파일로 자산을 추가하는 대신 런타임에 네트워크를 통해 글꼴을로드하므로 앱이 시작시 상호 작용을 얻는 데 시간이 오래 걸릴 수 있지만 모든 스타일로 플레이하는 데 매우 편리합니다. 원하다.

라이센스

Expo Google Fonts 프로젝트 및 해당 코드는 MIT 라이센스에 따라 라이센스가 부여됩니다.

Google Fonts 카탈로그의 모든 글꼴은 무료 및 오픈 소스입니다.

개별 글꼴에는 자체 라이센스가 있습니다. 많은 사람들이 Open Font 라이센스를 사용하여 라이센스를 받았습니다. 예를 들어, Nunito는 OFL을 사용합니다. 사용중인 글꼴 패밀리의 Google Fonts 페이지를 확인하고 게시 할 때 라이센스를 프로젝트 라이센스 목록에 추가하십시오.