Download google fonts - Download do código fonte google fonts

google fonts

Outro código-fonte

1.0.0

Baixar

Fontes Expo Google

Use qualquer uma das fontes e variantes 1488 de fonts.google.com em seu aplicativo Expo

expo-Google-fontes

Os pacotes @expo-google-fonts para Expo permitem que você use facilmente qualquer uma das 1488 fontes (e suas variantes) do fonts.google.com em seu aplicativo Expo.

Esses pacotes e todas essas fontes funcionam na Web, iOS e Android e são livres para usar e de código aberto.

Uso

Aqui está um exemplo de uso da família Inter -Font em um projeto muito simples.

Instale o pacote para a fonte que você deseja

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

No seu aplicativo

 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 >
  ) ;
}

NOTA : Você também pode instalar expo-splash-screen para carregar fontes antes que seu aplicativo seja renderizado. Isso ajudará você a manter visível a tela Splash enquanto carrega as fontes e a ocultar a tela Splash quando o aplicativo for renderizado com algum conteúdo inicial. Consulte o exemplo mínimo em fontes para obter mais informações.

Exemplo de projeto

Aqui está um exemplo mínimo, mas completo.

Cada pacote de família individual Readme inclui um exemplo completo de uso dessa família de fontes.

? Fontes disponíveis

Você pode navegar por todas as fontes do Google disponíveis no fonts.google.com.

Diretório por atiladev-com.netlify.app é um mecanismo de diretório / pesquisa que permitirá que você navegue e pesquise todas as fontes disponíveis e mostre as instruções import apropriadas que você precisa para que você possa copiar e colar em seus próprios código.

Aqui estão alguns exemplos das 5504 variantes de 1488 fontes disponíveis:

Há também uma galeria neste repositório mostrando todas as famílias e variantes de fontes disponíveis.

? ‍ @expo-google-fontes/dev

Se você estiver experimentando muitas fontes diferentes, tente usar o pacote @expo-google-fonts/dev .

Você pode importar qualquer estilo de fonte a partir de qualquer pacote Expo Google Fontes. Ele carregará as fontes pela rede em tempo de execução, em vez de adicionar o ativo como um arquivo ao seu projeto, para que seja necessário mais para o seu aplicativo para interatividade na inicialização, mas é extremamente conveniente para brincar com qualquer estilo que você querer.

Licenciamento

O Projeto Expo Google Fonts e seu código são licenciados sob a licença do MIT.

Todas as fontes do catálogo do Google Fontes são gratuitas e de código aberto.

Fontes individuais têm suas próprias licenças. Muitos são licenciados usando a licença de fonte aberta. Por exemplo, Nunito usa o OFL. Verifique as páginas do Google Fontes das famílias de fontes que você está usando e adicione essas licenças à lista de licenças do seu projeto quando publicar.

P: Posso usar essas fontes comercialmente: para fazer um logotipo, no meu aplicativo, no meu site etc.?

R: Você pode usar essas fontes livremente em seus produtos e projetos - impresso ou digital, comercial ou não. No entanto, você não pode vender as fontes por conta própria. Isso não é aconselhamento jurídico, considere consultar um advogado e veja a licença completa para todos os detalhes.

? Contribuindo

As contribuições são muito bem -vindas! Observe que tudo em font-packages e também este ReadMe são geradas. Portanto, faça as alterações que você deseja fazer no gerador em vez dos próprios pacotes.