Bạn có biết rằng trình duyệt web của bạn sẽ tự động tải xuống và sử dụng phông chữ không được cài đặt trên hệ thống của bạn không? Phông chữ web giúp các trang bạn duyệt mỗi ngày trông tốt hơn. Đây là những gì họ là và cách họ làm việc.
Phông chữ máy tính để bàn so với phông chữ web
Tất cả chúng ta đều sử dụng phông chữ mỗi ngày. Vài người trong số họ đi kèm với hệ điều hành của bạn , một số đến từ các ứng dụng như Adobe Creative Suite hoặc Microsoft Office và một số là những người bạn tải xuống hoặc mua và Cài đặt bản thân . Khi chúng được cài đặt, bạn có thể sử dụng các phông chữ này trong bộ xử lý văn bản, phần mềm chỉnh sửa hình ảnh và hơn thế nữa. Đây là các phông chữ máy tính để bàn và chúng được lưu trữ cục bộ.
Một loại phông chữ khác đã trở nên quan trọng hơn khi trải nghiệm điện toán của chúng tôi đã di chuyển trực tuyến. Đây là kiểu chữ web-typography được lưu trữ trên đám mây (và sau đó được lưu trong bộ nhớ cache trong trình duyệt của bạn) và được sử dụng để tạo văn bản xuất hiện trên các trang web.
Một lịch sử ngắn gọn của phông chữ web
Trong những ngày đầu của Internet, typography trên các trang web được giới hạn trong các phông chữ được cài đặt trên hệ thống của bạn. Nếu một phông chữ không được cài đặt, trang web sẽ tải phông chữ "dự phòng" tiêu chuẩn có nhiều khả năng có sẵn. Bởi vì điều này, các nhà thiết kế web thường chọn phông chữ hệ thống mặc định cho các trang web của họ.
Trong số này là của Microsoft Phông chữ lõi cho web , một bộ kiểu chữ được tự do có sẵn cho thiết kế web. Gói này bao gồm các phông chữ hệ thống được sử dụng rộng rãi như Times New Roman, Arial, Truyện tranh sans. và trebuchet. Ngoài ra, các nhà thiết kế có thể sử dụng các gia đình phông chữ như serif, sans-serif và monospace để chỉ định phong cách chung của một phông chữ ngay cả khi một loại cụ thể không có sẵn.
Điều này đã thay đổi trong năm 2010 khi Google ra mắt Phông chữ Google. , một kho lưu trữ nguồn mở rộng lớn cho các phông chữ miễn phí có thể được sử dụng ở bất cứ đâu trên web. Kể từ đó, các đối thủ khác, như các plugin phông chữ và phông chữ lưu trữ web của Adobe, đã xuất hiện. Hàng triệu trang web từ khắp nơi trên thế giới chạy trên các phông chữ web, bao gồm Suite năng suất của Google .
Phông chữ Web hoạt động như thế nào
Nhà cung cấp phông chữ Web lớn nhất, Google Phông chữ, là một thư viện web mở rộng trên một nghìn phông chữ. Bạn có thể sử dụng chúng trên trang web của mình bằng cách kéo chúng qua CSS và các nhà phát triển di động có thể truy cập các phông chữ này khi tạo ứng dụng Android.
Khi một trang web sử dụng phông chữ Google, nó sẽ kéo phông chữ từ cơ sở dữ liệu của Google và sau đó hiển thị văn bản trong phông chữ đó cho bạn trong trình duyệt của bạn. Các phông chữ này được lưu trữ trên máy chủ của Google và được tải gần như ngay lập tức. Các dịch vụ phông chữ đám mây khác làm việc theo cùng một cách.
Một cách khác là sử dụng các phông chữ được tự lưu trữ, nhúng trên web thay thế. Điều này được thực hiện thông qua Định dạng phông chữ mở Web (WOFF) -Một tệp phông chữ được phát triển bởi Mozilla tương thích với hầu hết các trình duyệt web hiện đại. WOFF rất hữu ích nếu bạn muốn nhúng một phông chữ tùy chỉnh không có sẵn trên một dịch vụ phông chữ web.
Bắt phông chữ web
Kho lưu trữ phông chữ Google và tất cả các phông chữ dưới nó hoàn toàn miễn phí để sử dụng và có thể truy cập với mọi người. Nó chỉ sử dụng phông chữ dưới giấy phép mở và nhiều phông chữ này đã trở thành chủ lực của thiết kế web, như Roboto, Lato và Montserrat. Google lưu trữ một trang web Điều đó liệt kê tất cả các phông chữ có sẵn của nó và cho phép bạn thử chúng và so sánh chúng với nhau. Google cũng cung cấp một cơ sở dữ liệu các biểu tượng vector miễn phí.
Vì các phông chữ này có sẵn miễn phí, bạn có thể tải xuống các tệp phông chữ gốc Để sử dụng trên máy tính để bàn của bạn cũng. Nhiều trang web lưu trữ kho lưu trữ của Google phông chữ, bao gồm GitHub của chính Google . Bạn có thể sử dụng các phông chữ này trong các dự án, tự do chia sẻ chúng với những người khác và tải chúng từ những nơi khác trên Internet miễn phí.
Nhiều nhà xây dựng trang web và người quản lý nội dung như WordPress và Squarespace đi kèm với sự hỗ trợ cho các phông chữ web ra khỏi hộp. Nếu bạn đang sử dụng một trang web tùy chỉnh, bạn cần tải tệp phông chữ lên máy chủ của mình và sử dụng mã CSS để trỏ đến tệp phông chữ mà bạn muốn sử dụng.
Nếu bạn muốn tìm hiểu thêm về cách sử dụng phông chữ web cho trang web của mình, hãy xem cái này Hướng dẫn phông chữ CSS từ W3Schools.
CÓ LIÊN QUAN: Cách cài đặt và quản lý phông chữ trong ứng dụng cài đặt của Windows 10
