GoogleWebFonts FontFamilyPreviewImages

Google Web Fonts - Gambar Pratinjau Keluarga Font

Repo ini berisi gambar yang merupakan representasi dari semua font Google yang berbeda. Kami membutuhkan ini untuk stensil aplikasi kami, karena kami mengizinkan pengguna kami untuk mencari melalui Google Fonts (melalui API mereka). Tapi kami (jelas) ingin/perlu memberi mereka pratinjau seperti apa font itu.

Kami bisa memuat font ke dalam memori dan kemudian menunjukkannya, tetapi itu tampaknya tidak ideal.

Catatan

Jika Anda tertarik dengan versi yang dihosting dari tangkapan layar yang Anda lihat di bawah ini (memungkinkan pengguna Anda untuk memicu modal, dan sebuah klik tombol menggelembungkan acara yang berisi URL dari file woff2 yang sesuai), beri tahu saya: [email protected]

Tangkapan layar tentang bagaimana aplikasi kami menggunakan gambar dalam repo ini:

Mengapa ada begitu banyak file?

Sementara Google Font saat ini menyediakan ribuan variasi font yang berbeda, ada banyak gambar aktual. Ini karena Google Font secara rutin memperbarui font dari satu versi ke versi lain (mis. V5 ke V6). Kami kemudian menandai ulang gambar untuk memastikan pratinjau yang kami tunjukkan pada pengguna kami akurat.

Saya telah memutuskan untuk meninggalkan file -file itu di repo demi anak cucu: Anda tidak pernah tahu apa yang dibutuhkan orang :)

Ukuran

Saat ini, saya hanya menyediakan gambar pratinjau yang memiliki nilai font-size 48px . Lebar menghormati lebar asli font. Untuk memastikan tampilan yang tajam, saya sarankan Anda menggunakan hardcode pratinjau jempol pada ketinggian maksimum 24px .

Penamaan Konvensi File:

Dua contoh: ABeeZee-400.v10.png dan Cabin-400italic.v10.png
Formatnya cukup lurus ke depan:

• Nama font (non-hyphens, karakter non-alfabetes dan non-numerik dihapus)
• A Dash ( - )
• Weight font
• Jika font adalah versi miring, setelah font, kata italic ditambahkan
• Nomor versi, didahului oleh huruf v

Ekspresi reguler yang saya gunakan untuk menghapus namanya-karakter adalah: /[^A-Za-z0-9-]/