fontshow

Fontshow

Wadah buruh pelabuhan untuk menampilkan font di folder

Tidak ada wadah Docker sederhana yang dapat saya temukan yang akan bertindak sebagai semacam repositori font di mana saya dapat menelusuri dan mempratinjau font dan kemudian mengunduhnya. Jadi saya memutuskan untuk membuatnya. Wadah Docker ini menggunakan PHP: Apache, komposer, dan php-font-lib untuk menarik daftar font dari direktori, membaca metadata, cache info, dan menampilkan nama mereka dan pratinjau di halaman web di mana pengguna dapat mengunduhnya. Proyek ini masih dalam tahap awal, jadi pastikan untuk melaporkan masalah atau bug yang Anda temukan, dan bersabarlah karena saya seorang desainer grafis, bukan programmer!

INSTALASI

Bangun & Luncurkan dengan Docker Compose

Gunakan Git Clone untuk menyalin repositori ke komputer Anda atau klik tombol "kode hijau" di bagian atas halaman ini dan unduh dan ekstrak file zip ke mana pun Anda mau. Untuk membangun dan meluncurkan FontShow, buka prompt perintah (atau bagaimanapun Anda menjalankan perintah ini di OS Anda) di folder yang sama dengan compose docker.yml dan jalankan:

 docker-compose up --build

Ini akan memakan waktu sejenak karena membangun wadah dan meluncurkannya. Periksa http: // localhost: 8090 untuk memastikan wadah telah diluncurkan dengan benar. Untuk meluncurkannya di masa depan tanpa membangunnya kembali:

 docker-compose up -d

Menyusun file

Nomor Port

Untuk mengubah nomor port yang digunakan FontShow, cukup ubah port dari 8090 ke beberapa nomor port lain dalam file Docker-compose.yml:

    ports:
      - 8090:80

Kredensial Basis Data

File Docker-Compose.yml mengatur "pengguna" dan "kata sandi" sebagai kredensial default untuk database. Harap ubah ini karena alasan keamanan. Setelah Anda mengubahnya, pastikan Anda juga mengubahnya di PHP/www/config.php. Kata sandi root tidak digunakan di mana pun oleh FontShow, tetapi juga harus diubah karena alasan keamanan.

      environment:
          MYSQL_ROOT_PASSWORD: CHANGEME
          MYSQL_DATABASE: fontshowDB
          MYSQL_USER: user
          MYSQL_PASSWORD: password

Konfigurasi Situs

File konfigurasi

Hampir semuanya dari warna situs hingga konten footer dapat diubah dalam php/www/config.php.

Koneksi basis data

PHP/www/config.php akan memiliki kredensial database default. Jika Anda mengubahnya di file COMPOSE lebih awal ( Anda harus memilikinya! ) Maka Anda harus mengubahnya di file konfigurasi!

Cache

Cache diatur untuk menyegarkan setiap hari, tetapi dapat dipicu oleh tombol di ujung depan di sebelah kotak pratinjau teks. Panjang durasi ini belum dapat dikonfigurasi karena itu bukan sesuatu yang perlu diubah kebanyakan orang karena ada tombol penyegaran untuk segera menyegarkannya. Untuk mengubah durasi antara penyegaran, edit baris ini dalam php/www/get-fonts.php:

 $cacheTime = 86400; // Cache for 1 day

Menambahkan font

Untuk menambahkan font, cukup letakkan file font ke dalam / font / direktori, buka browser Anda ke fontshow, dan klik tombol "Refresh Cache". FontShow sekarang mendukung subfolder dalam / font / direktori. Ujung depan situs tempat font ditampilkan tidak membuat perbedaan. Ini memungkinkan Anda untuk lebih rapi mengatur / font / sutradara Anda, dan untuk memanfaatkan font yang mungkin sudah bersarang di folder.

Pemecahan masalah

Font tidak memuat

Berikan waktu pada peluncuran pertama untuk memindai font di / fonts / folder. Ini berlaku untuk menambahkan font baru dan mereka muncul di FontShow setelah menekan tombol Refresh Cache. Di latar belakang PHP/www/get-fonts.php menarik metadata dari masing-masing font dan menambahkannya ke database untuk php/www/index.php untuk menarik dari. Ini bisa sangat lambat tergantung pada jumlah font yang Anda miliki. Teks tombol akan memperbarui memberi tahu Anda bahwa pengambilan sedang dilakukan di latar belakang.

Font variabel

Font variabel tidak didukung oleh pustaka php-font-lib yang saya gunakan, sehingga mereka tidak akan didukung oleh fontshow kecuali mereka ditambahkan ke php-font-lib atau seseorang merekomendasikan perpustakaan lain yang dapat saya gunakan yang mendukungnya. Mungkin ada beberapa jenis font lain yang tidak berfungsi, tetapi yang utama seperti OTF dan TTF lakukan. Bug akan dikerjakan saat ditemukan. Silakan tinggalkan masalah jika Anda mengalami masalah apa pun!

Bug saat ini

• Footer tidak menempel di bagian bawah situs dan meninggalkan celah saat bergerak dan rasio aspek berubah pada lanskap.

PETA JALAN

Fitur yang direncanakan

• Logo Situs dan Favicon (dapat dikonfigurasi)
• Indeks dan menggabungkan tag subfamili analog - mis: gras = tebal, italique = miring, normal = biasa, dll.
• Fungsi Pencarian: Saya ingin memiliki fungsi pencarian yang menyaring font berdasarkan input pengguna
• Single-Column for Mobile: Saat ini situs menyimpan jumlah kolom yang sama tidak peduli lebar browser yang dilaporkan. Untuk layar vertikal saya ingin secara otomatis kembali ke satu kolom (dapat dikonfigurasi) sehingga pengguna dapat membaca pratinjau.

Tujuan jangka panjang

• Pengguna: Izinkan pembuatan dan peran pengguna
• Manajemen Font Berbasis Web: Saat ini hanya menampilkan font dari folder. Saya ingin mengizinkan pengguna untuk mengelola font di folder itu dan bahkan berpotensi memodifikasi metadata font. Menyembunyikan, mengganti nama, mengunggah, menghapus, dll.
• Pratinjau font yang diperluas: Mirip dengan cara Dafont dan yang lainnya menangani ini. Alih-alih hanya mengunduh, mengklik nama font akan membuka subpase untuk font itu dengan pratinjau yang diperluas untuk setiap karakter font, tag tambah pengguna, dll.
• Cari tahu solusi lain untuk tombol "Refresh Cache" tanpa meminta pemindaian folder yang konstan