Show GN: Mengoptimalkan font web bahasa Korea di situs statis

 (palindrom615.dev)
8 poin oleh palindrom615 2020-03-02 | 5 komentar | Bagikan ke WhatsApp

Saya menuliskan pengalaman mengoptimalkan file font Korea dengan subfont pada situs statis yang dibuat dengan gatsby.js.

  • Menganalisis HTML secara statis lalu membuat subset font hanya untuk karakter yang benar-benar digunakan

  • Optimalisasi dilakukan pada setiap build time hanya dengan mengubah plugin dan file config

  • Self-hosting tanpa bantuan hosting font web eksternal seperti Google Fonts

  • Menggunakan font TrueType apa adanya tanpa perlu memahami format font

Bacaan terkait

5 komentar

 
sduck4 2020-03-03

Karena kontennya berubah lalu glif ditambah/dihapus, cache jadi tidak bisa dimanfaatkan.

Ini memang bagus untuk situs yang kontennya benar-benar 'statis', tetapi sepertinya bukan metode yang cocok untuk blog yang isinya sering ditambahkan.

Jadi, mari kita semua pakai Google Fonts!
 
xguru 2020-03-02

Karena Anda menuliskannya sebagai Show GN, rasanya benar-benar seperti HN. Terima kasih ;)

Saya memang sudah membuat fitur untuk melihat hanya postingan Show, tetapi karena belum banyak, saya belum memasukkannya ke menu atas. Kalau nanti jumlahnya lebih banyak, akan saya buka!

Artikelnya juga sangat seru untuk dibaca. Kombinasi halaman statis + subfont sangat bagus.
 
nezz1204 2020-03-03

Saya tidak mengikuti Hacker News, jadi apa itu fitur Show?
 
xguru 2020-03-03

Di Hacker News, ada halaman terpisah yang mengumpulkan tautan dengan awalan Show HN untuk memperkenalkan layanan atau open source yang dibuat sendiri.

https://news.ycombinator.com/show

Sama seperti tautan artikel HN biasa, jika mendapat banyak vote, kiriman itu bisa naik ke halaman depan, tetapi bisa dibilang juga mendapat perlakuan khusus karena dikumpulkan terpisah sehingga lebih mudah untuk dilihat sekali lagi.

Halaman ini digunakan sekaligus untuk mendorong orang mencoba sesuatu kepada para pengguna Hacker News, dan untuk menerima feedback serta mengajukan pertanyaan.

Tidak masalah meski produknya belum sempurna dan masih tahap awal, dan ini adalah tempat yang lebih mendorong feedback yang produktif seperti “bagaimana kalau begini?” daripada kritik seperti “ini kurang bagus”.

Karena ini adalah tempat yang mendukung lahirnya layanan baru dan open source, saya rasa ini mungkin salah satu fungsi positif terbesar yang dimiliki Hacker News.
 
nezz1204 2020-03-04

Oh! Ini fitur yang sangat berguna. Terima kasih atas penjelasannya.