Những lợi ích của Variable Fonts
Theo thời gian, chắc chắc số lượng các typeface hỗ trợ Variable Fonts sẽ dần tăng lên, các thương hiệu lớn lẫn các nhà thiết kế không thể bỏ qua những lợi ích thiết thực mà Variable Fonts mang lại.
Vào ngày 14 tháng 9, năm 2016, tại hội nghị ATypI diễn ra tại Ba Lan, những ông lớn công nghệ gồm Adobe, Apple, Google, và Microsoft đã bắt tay nhau phát triển và giới thiệu một công nghệ font mới dựa trên nền OpenType. Sự ra đời của Variable Fonts đã mang đến những lợi ích to lớn cho việc phát triển website, cũng như lĩnh vực thiết kế đồ hoạ.
Variable Fonts giúp tăng hiệu suất website
Variable Fonts cho phép nén chung một typeface với nhiều font (bold, semibold, regular, italics,…) vào một file cài duy nhất. Việc này làm giảm đáng kể thời gian tải trang của website, do trước đó một bộ typeface gồm nhiều file làm ảnh hưởng đến tốc độ truy xuất dữ liệu, và hơn nữa cũng nhờ dung lượng nén file của Variable Fonts thấp hơn khá nhiều so với các file static font. Thêm nữa, việc quản lý font trên máy tính cũng trở nên dễ dàng hơn.
Variable Fonts giúp thiết kế linh hoạt hơn
Thay vì chỉ thay đổi được weight (độ đậm) từ những mức cố định sẵn (regular, medium, semibold, bold,… ), thì Variable Fonts cho phép tuỳ chỉnh độ đậm chi tiết hơn (900, 670, 230,…), giúp việc thiết kế linh hoạt rất nhiều, mà không bị gò bó.
Bên cạnh đó những thuộc tính khác (tuỳ mỗi typeface) như `width` (độ rộng), `slant` (độ nghiêng), `mono`, `Soft`, `Optical size`,… cũng có mức độ tuỳ biến tương tự, và Variable Fonts sẽ tự động cân đối thiết kế để cho typography nhìn hợp mắt nhất.
Tính năng này giúp cho thiết kế typography đáp ứng được tốt nhất trong nhiều trường hợp sử dụng khác nhau:
Đối với màn hình có độ phân giải cao (High-DPI), thì phần text nên có weigth đậm hơn một xíu so với các màn hình độ phân giải thấp (Low-DPI).
Các layout rất hẹp như Apple Watch, thì nội dung text cần được tinh chỉnh width để tối ưu trải nghiệm đọc và không gian hiển thị.
Hoặc trong môi trường ánh sáng yếu (dark mode), thì text cũng cần được tăng weigth để người dùng quan sát text được rõ ràng hơn.
Với thuộc tính Optical size trong Variable Fonts dùng để cân đối typography tuỳ theo size của text. Đối với headline thì cần chỉnh Optical size thấp xuống, tính năng sẽ tự động giúp cho stroke mỏng hơn, letter spacing ngắn hơn,… Ngược lại, trường hợp body text hoặc footnote, thì chỉnh Optical size cao, sẽ giúp cho stroke dày hơn, x-height cao lên, và letterform cân đối hơn,…
Khi làm animation cho text sẽ có những chuyển động mượt mà hơn, vì các thuộc tính có tính biến thiên liên tục.
Variable Fonts là tiêu chuẩn của tương lai
Hiện tại, số lượng Variable Fonts có mặt trên Google Fonts rơi vào khoảng 20%. Các typeface nổi tiếng như SF Pro, Roboto, Inter, Raleway, Lora, Playfair Display,… đều đã hỗ trợ chức năng này. Theo thời gian, chắc chắc số lượng các typeface hỗ trợ Variable Fonts sẽ dần tăng lên, các thương hiệu lớn lẫn các nhà thiết kế không thể bỏ qua những lợi ích thiết thực mà Variable Fonts mang lại.
