fontfreeze

FontFreeze

Beku variasi dan fitur dalam font.

Perkenalan

Font OpenType modern mendukung variasi dan fitur yang memungkinkan font yang dapat disesuaikan. Masalahnya adalah bahwa tidak semua lingkungan mendukung mekanisme ini. IDE seperti Visual Studio hanya mendukung memilih keluarga font dan ukuran font, tanpa opsi untuk memilih varian atau fitur sakelar. FontFreeze adalah alat yang memungkinkan Anda membuat instance khusus dari font yang diberikan, sehingga Anda dapat menggunakan font yang Anda inginkan di lingkungan tersebut.

• Murni front-end, tidak ada penundaan pengunggahan untuk file font besar.
• Pratinjau secara instan hasil di browser Anda.
• Ekspor ke format TTF atau WOFF2.
• Mendukung fitur ligatur pembekuan.
• Mendukung sebagian besar font warisan.

Cara menggunakannya

Cukup kunjungi https://mutsuntsai.github.io/fontfreeze untuk meluncurkan aplikasi, tidak diperlukan instalasi!

Saat Anda membuka file .ttf, itu akan menunjukkan kepada Anda info font dan opsi yang tersedia. Anda kemudian dapat memilih varian tertentu (untuk font variabel) dengan memilih salah satu contoh yang telah ditentukan, atau menyesuaikan setiap sumbu variabel. Anda juga dapat memilih fitur yang ingin Anda aktifkan (atau nonaktifkan) dari daftar fitur:

• Untuk arti setiap fitur, cari manual pengguna font Anda. Dalam kebanyakan kasus, fitur yang Anda cari adalah di antara cv01 - cv99 , ss01 - ss20 , zero , onum , dll.
• Sebagian besar font pengkodean memiliki ligatur pengkodean yang ditentukan dalam fitur calt . Jika Anda ingin benar -benar menonaktifkan ligatur, menonaktifkan calt biasanya akan melakukan trik.
• Meninggalkan fitur kosong berarti menjaga perilaku default (yang mungkin atau mungkin tidak diaktifkan tergantung pada lingkungan).
• Ada dua mode subsetting: Hapus mesin terbang tertentu dari font (berguna ketika Anda ingin karakter -karakter itu mundur ke font lain), atau hanya menyimpan mesin terbang tertentu (berguna ketika Anda hanya memerlukan beberapa karakter untuk situs web Anda, misalnya).

Terakhir, klik Generate font! untuk menghasilkan font Anda. Sesederhana itu!

Tips:

• Kapan pun memungkinkan, gunakan versi non-variabel dari font sebagai titik awal, karena kemungkinan akan memberikan petunjuk yang lebih baik daripada variabel.
• Teks pratinjau dapat diedit. Anda dapat memasukkan kode sumber sampel di dalamnya untuk melihat pratinjau hasilnya.
• Jika Anda memiliki beberapa layar dengan DPI yang berbeda, pratinjau masing -masing untuk memastikan hasilnya sempurna.
• Untuk bekerja dengan nerd font, pastikan Anda membekukan font terlebih dahulu, dan kemudian tambahkan. Lakukan dengan cara lain dapat menyebabkan kesalahan (lihat #8).

Cara kerjanya

FontFreeze menggunakan FontTools, perpustakaan Python untuk memanipulasi font. Di kemudian menggunakan pyodide untuk menjalankan kode Python langsung di browser Anda melalui WebAssembly, jadi ini murni front-end dan tidak ada yang disimpan di ujung belakang. Bagian UI dibangun dengan Petite-Vue dan Bootstrap.

Cara FontFreeze menonaktifkan fitur adalah dengan menghapus semua pencarian di dalamnya, dan itu mengaktifkan fitur dengan memindahkan semua pencarian di dalamnya ke calt , yang biasanya diaktifkan secara default di sebagian besar lingkungan. Jika ini tidak berfungsi untuk lingkungan tertentu, Anda juga dapat mencoba mengubah pengaturan "fitur target untuk aktivasi" ke rvrn (yang lebih dipaksakan daripada calt dengan spesifikasi OpenType; perhatikan bahwa dalam kasus ini, Anda mungkin juga perlu mengaktifkan calt juga untuk beberapa fitur lain yang berfungsi).

Karena versi 1.3, selain pendekatan tersebut, ada juga opsi untuk menerapkan substitusi mesin terbang aktual untuk fitur glyph tunggal (yang aktif secara default) untuk kompatibilitas maksimal di lingkungan yang berbeda.

Pengakuan

FontFreeze terutama terinspirasi oleh proyek VFIT, dan saya menggunakan banyak bagian kode sumber darinya. Proyek lain yang menginspirasi FontFreeze meliputi:

• OpenType fitur freezer, untuk menginspirasi nama (saya menggunakan pendekatan tambahan untuk membekukan fitur).
• Fontdrop!, Untuk menginspirasi antarmuka pengguna.
• Font pengkodean (situs asli tidak lagi berfungsi, tetapi di sini adalah klonnya), untuk menginspirasi teks pratinjau default.
• Tipografi Microsoft, untuk memelihara dokumentasi terperinci tentang spesifikasi OpenType.
• Font Squirrel Webfont Generator, karena tidak mengerjakan salah satu font yang ingin saya lewati, dan memaksa saya untuk membuat alat saya sendiri.

Banner "fontFreeze" dihasilkan menggunakan generator teks.