ดาวน์โหลด google fonts - ดาวน์โหลดซอร์สโค้ด google fonts

google fonts

ซอร์สโค้ดอื่น ๆ

1.0.0

ดาวน์โหลด

Expo Google Fonts

ใช้แบบอักษรและตัวแปร 1488 ใด ๆ จาก fonts.google.com ในแอพ Expo ของคุณ

Expo-google-fonts

แพ็คเกจ @expo-google-fonts สำหรับ Expo ช่วยให้คุณใช้แบบอักษร 1488 ใด ๆ (และตัวแปรของพวกเขา) ได้อย่างง่ายดายจาก fonts.google.com ในแอพ Expo ของคุณ

แพ็คเกจเหล่านี้และแบบอักษรทั้งหมดเหล่านี้ทำงานผ่านเว็บ 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 เพื่อโหลดแบบอักษรก่อนที่แอปของคุณจะแสดงผล สิ่งนี้จะช่วยให้คุณมองเห็นหน้าจอสาดขณะที่โหลดแบบอักษรแล้วซ่อนหน้าจอสาดน้ำเมื่อแอปได้แสดงผลด้วยเนื้อหาเริ่มต้นบางอย่าง ดูตัวอย่างน้อยที่สุดในแบบอักษรสำหรับข้อมูลเพิ่มเติม

ตัวอย่างโครงการ

นี่คือตัวอย่างที่น้อยที่สุด แต่สมบูรณ์

แพ็คเกจครอบครัวแบบอักษรแต่ละตัวรวมถึงตัวอย่างที่สมบูรณ์ของการใช้ตระกูลตัวอักษรนั้น

- ฟอนต์ที่มีอยู่

คุณสามารถเรียกดูแบบอักษร Google ทั้งหมดที่มีอยู่บน fonts.google.com

ไดเรกทอรีโดย-atiladev-com.netlify.app เป็นเครื่องมือไดเร็กทอรี / ค้นหาที่จะช่วยให้คุณเรียกดูและค้นหาแบบอักษรทั้งหมดที่มีอยู่และแสดงคำสั่ง import ที่เหมาะสมที่คุณต้องการเพื่อให้คุณสามารถคัดลอกและวางลงในตัวคุณเอง รหัส.

นี่คือตัวอย่างบางส่วนของ 5504 ตัวแปรของ 1488 ฟอนต์ที่มี:

นอกจากนี้ยังมีแกลเลอรี่ใน repo นี้แสดงทุกตระกูลและตัวแปรที่มีอยู่

? @ @expo-google-fonts/dev

หากคุณลองใช้แบบอักษรที่แตกต่างกันมากมายคุณสามารถลองใช้แพ็คเกจ @expo-google-fonts/dev

คุณสามารถนำเข้ารูปแบบตัวอักษร ใด ๆ จากแพ็คเกจ Expo Google Fonts จากนั้น มันจะโหลดฟอนต์ผ่านเครือข่ายเมื่อรันไทม์แทนที่จะเพิ่มสินทรัพย์เป็นไฟล์ในโครงการของคุณดังนั้นอาจใช้เวลานานกว่าที่แอปของคุณจะได้รับการโต้ตอบเมื่อเริ่มต้น แต่มันสะดวกมากสำหรับการเล่นกับสไตล์ใด ๆ ที่คุณ ต้องการ.

การออกใบอนุญาต

โครงการ Expo Google Fonts และรหัสได้รับอนุญาตภายใต้ใบอนุญาต MIT

ฟอนต์ทั้งหมดในแคตตาล็อก Google Fonts นั้นฟรีและโอเพ่นซอร์ส

แบบอักษรแต่ละตัวมีใบอนุญาตของตนเอง หลายคนได้รับใบอนุญาตโดยใช้ใบอนุญาตแบบฟอนต์แบบเปิด ตัวอย่างเช่นนูนิโตใช้ OFL ตรวจสอบหน้า Google Fonts ของตระกูลตัวอักษรที่คุณใช้และเพิ่มใบอนุญาตเหล่านั้นในรายการใบอนุญาตโครงการของคุณเมื่อคุณเผยแพร่

ถาม: ฉันสามารถใช้แบบอักษรเหล่านี้ในเชิงพาณิชย์: เพื่อสร้างโลโก้ในแอพของฉันบนเว็บไซต์ของฉัน ฯลฯ ได้หรือไม่?

ตอบ: คุณสามารถใช้แบบอักษรเหล่านี้ได้อย่างอิสระในผลิตภัณฑ์และโครงการของคุณ - พิมพ์หรือดิจิตอลเชิงพาณิชย์หรืออื่น ๆ อย่างไรก็ตามคุณไม่สามารถขายแบบอักษรด้วยตัวเอง นี่ไม่ใช่คำแนะนำทางกฎหมายโปรดพิจารณาให้คำปรึกษาทนายความและดูใบอนุญาตเต็มรูปแบบสำหรับรายละเอียดทั้งหมด

- การบริจาค

การบริจาคยินดีต้อนรับมาก! โปรดทราบว่าทุกอย่างภายใต้ font-packages และ readme นี้จะถูกสร้างขึ้น ดังนั้นโปรดทำการเปลี่ยนแปลงใด ๆ ที่คุณต้องการให้กับเครื่องกำเนิดไฟฟ้าแทนแพ็คเกจด้วยตัวเอง