Show GN: Tối ưu hóa web font tiếng Hàn trên trang web tĩnh

 (palindrom615.dev)
8 điểm bởi palindrom615 2020-03-02 | 5 bình luận | Chia sẻ qua WhatsApp

Tôi đã viết lại trải nghiệm tối ưu hóa file font tiếng Hàn bằng subfont trên một static site được xây dựng bằng gatsby.js.

  • Phân tích tĩnh HTML để chỉ tạo subset và sử dụng những ký tự thực sự được dùng trong font

  • Tối ưu hóa ở mỗi lần build chỉ bằng việc thay đổi plugin và file config

  • Tự host mà không cần đến dịch vụ hosting web font bên ngoài như Google Fonts

  • Có thể dùng nguyên font TrueType mà không cần biết định dạng font

Bài viết liên quan

5 bình luận

 
sduck4 2020-03-03

Khi nội dung thay đổi và glyph được thêm/bớt thì sẽ không tận dụng được cache nữa.

Có lẽ sẽ tốt cho những trang mà nội dung thật sự là 'tĩnh', nhưng có vẻ không phù hợp với các blog thường xuyên thêm nội dung.

Vậy nên hãy cùng dùng Google Fonts!
 
xguru 2020-03-02

Bạn ghi là Show GN nên đúng là tạo cảm giác HN thật đấy. Cảm ơn nhé ;)

Tôi cũng đã làm sẵn tính năng chỉ xem riêng các bài Show, nhưng vì vẫn chưa có nhiều nên chưa đưa vào menu trên cùng. Khi nào nhiều hơn tôi sẽ mở ra nhé!

Tôi cũng đọc bài rất thú vị. Tổ hợp static page + subfont thật tuyệt vời.
 
nezz1204 2020-03-03

Tôi không đọc Hacker News nên chức năng Show là gì?
 
xguru 2020-03-03

Trên Hacker News có một trang riêng tập hợp các liên kết gắn Show HN ở đầu để giới thiệu dịch vụ hoặc mã nguồn mở do chính người đăng tạo ra.

https://news.ycombinator.com/show

Cũng giống như các liên kết bài viết trên HN thông thường, nếu nhận được nhiều phiếu bầu thì chúng sẽ được lên trang chủ, nhưng có thể xem đây là một dạng ưu ái khi chúng được gom riêng để mọi người tiện theo dõi thêm một lần nữa.

Đây vừa là nơi khuyến khích người dùng Hacker News thử đăng sản phẩm của mình, vừa được dùng để nhận phản hồi và đặt câu hỏi.

Không cần phải là một sản phẩm hoàn hảo, kể cả đang ở giai đoạn rất sớm cũng không sao; đây là nơi thiên về những phản hồi mang tính xây dựng kiểu “làm thế này thì sao?” hơn là những lời chê bai kiểu “dở quá”.

Vì đây là nơi hỗ trợ để các dịch vụ mới và dự án mã nguồn mở có thể được tạo ra, nên tôi nghĩ đây có lẽ là một trong những mặt tích cực lớn nhất của Hacker News.
 
nezz1204 2020-03-04

Ồ! Đây đúng là một tính năng rất hữu ích. Cảm ơn vì phần giải thích.