Unduh fonts fontface - Unduh Kode Sumber fonts fontface

fonts fontface

Pengunduhan font

1.0.0

Unduh

Fonts-fontface

Memuat dan mengimpor font open source CSS tertentu ke dalam proyek Anda menggunakan Node Package Manager ...

Mengimpor font sekarang menjadi lebih mudah ... impor dan muat hanya font yang diperlukan untuk font Anda.

Apa yang dilakukan paket ini?

Memuat dan mengimpor hanya font yang dibutuhkan.
Tingkatkan kecepatan aplikasi, kinerja, dan penggunaan offline.

Sebagai contoh: Tema CSS saya berfungsi dengan roboto font dengan variasi 300.400.500.700. Yang harus saya lakukan adalah mengimpor font tertentu dan variasi.

Paket ini melakukan hal itu untuk Anda.

Sejarah

Layanan ini terinspirasi oleh proyek Typefaces Kyle Mathews di mana semua variasi font dimuat bersama yang menyebabkan pengurangan kinerja karena font yang diunduh besar.

Penggunaan

Justilah cara Anda dapat melakukan di bawah ini dengan Google Fonts:.

 <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500italic,700&display=swap" />

Anda sekarang dapat melakukan hal yang sama dengan NPM:

 npm install --save font-face-roboto

Setiap font-fontface dibundel dengan semua file font yang diperlukan.

Untuk digunakan dalam proyek Anda, tambahkan dan impor di titik masuk Anda:

 import "typeface-roboto/300-400-500i-700.css";

Melakukan hal di atas akan mengimpor roboto font dengan variasi 300normal, 400normal, 500itika, dan 700Normal saja.

Typeface mengasumsikan Anda menggunakan Webpack dengan pengaturan Loader untuk memuat file CSS dan font (Anda dapat menggunakan jenis huruf dengan pengaturan lain tetapi Webpack membuat segalanya benar -benar sederhana). Dengan asumsi konfigurasi webpack Anda diatur dengan benar Anda maka hanya perlu memerlukan jenis huruf di file entri untuk proyek Anda.