Thêm font Typekit vào WordPress sẽ giúp các nhà thiết kế có thể sử dụng các font chữ web tùy chỉnh đẹp mắt, chất lượng cao trên trang web. Trong bài viết này, Vietnix sẽ hướng dẫn bạn cách thêm font chữ Typekit trong WordPress để giúp website của bạn đẹp hơn.
Tại sao nên sử dụng font web tùy chỉnh trên WordPress?
Typekit là một dịch vụ font chữ dựa trên dịch vụ đăng kí có thể giúp bạn tiết kiệm rất nhiều tiền. Thay vì trả tiền cho các font chữ riêng lẻ, vốn có thể khá đắt đỏ, bạn có thể truy cập miễn phí toàn bộ thư viện gồm hàng trăm font chữ hoặc với mức phí cố định hàng năm.
Thư viện Typekit là một bộ sưu tập lớn gồm hơn 1.000 font chữ. Một số font chữ đẹp nhất mà bạn có thể tìm thấy trên web có sẵn thông qua Typekit, một dịch vụ của Adobe.
Gói miễn phí cơ bản của họ đi kèm với quyền truy cập vào hơn 230 font chữ và bạn có thể sử dụng miễn phí 2 họ font chữ trên một trang web. Các gói khác dao động từ $49,99 đến $99,99 mỗi năm.
Có thể dễ dàng thêm các font chữ Typekit này vào bất kỳ trang web nào mà không làm chậm tốc độ tải trang của bạn. Các font chữ được cung cấp từ CDN của Adobe và tải với tốc độ nhanh hơn nhiều so với khi bạn lưu trữ chúng trên trang web của riêng mình.
Kiểu chữ đóng một vai trò quan trọng trong việc thiết kế trang web của bạn. Vì vậy, chọn font chữ phù hợp sẽ truyền đạt rõ ràng thông điệp của bạn tới người đọc. Bất kể bạn muốn thể hiện loại hình ảnh nào, thân thiện hay giản dị, font chữ trên trang web của bạn có thể giúp thể hiện hình ảnh phù hợp.
Chọn font chữ phù hợp cho trang web WordPress của bạn có thể làm cho trang web của bạn chuyển từ một thiết kế đơn giản thành một tác phẩm nghệ thuật đẹp mắt về mặt thẩm mỹ.
Các font chữ web tùy chỉnh phù hợp có thể:
- Tăng conversion rate.
- Giảm bounce rate của trang web của bạn.
- Tăng time on site dành cho trang web của bạn.
- Tạo trải nghiệm đáng nhớ cho người dùng.
Sử dụng Typekit có thể ảnh hưởng đến tốc độ tải trang web của bạn vì việc tải các font từ Typekit đòi hỏi trình duyệt phải tải thêm tài liệu font từ máy chủ Typekit trước khi hiển thị trang web hoàn chỉnh. Để giảm thiểu ảnh hưởng của Typekit đối với tốc độ tải trang web, bạn cần lựa dịch vụ hosting có khả năng đáp ứng các yêu cầu tải font từ Typekit một cách nhanh chóng và hiệu quả. Từ đó giúp website của bạn hoạt động nhanh hơn và cung cấp trải nghiệm tốt hơn cho người dùng.
Nếu bạn đang tìm kiếm một giải pháp lưu trữ tốc độ cao, tối ưu cho website WordPress của bạn, thì việc sử dụng dịch vụ của Vietnix là một lựa chọn tuyệt vời. WordPress Hosting Vietnix được thiết kế chuyên biệt và tối ưu cho nền tảng WordPress, vì vậy bạn có thể yên tâm rằng website sở hữu tốc độ tải nhanh chóng, hiệu suất cao, ổn định và bảo mật. WordPress Hosting có nhiều tính năng hấp dẫn, bao gồm:
- Tải trang nhanh chóng dưới 1 giây với ổ cứng NVMe và công nghệ LiteSpeed Enterprise.
- Đội ngũ kỹ thuật chuyên nghiệp tư vấn và tối ưu hóa mã nguồn WordPress.
- Hệ thống sao lưu tự động 4 lần/ngày, bảo vệ dữ liệu an toàn.
- Hạ tầng hiện đại với Firewall chống DDoS, đảm bảo ổn định và an toàn.
- Dễ dàng tạo website WordPress qua WordPress Toolkit chỉ với một cú nhấp chuột.
- Thiết kế website an toàn và tiện lợi với khu vực thử nghiệm không giới hạn.
- Được tặng miễn phí bộ theme và plugin WordPress có giá lên đến 26.000.000 VND
Nhanh tay liên hệ Vietnix để được tư vấn gói hosting phù hợp.
Dưới đây là cách sử dụng Typekit để tùy chỉnh thiết kế WordPress của bạn.
Bắt đầu sử dụng với Typekit
- Trước tiên, bạn sẽ cần tạo một tài khoản Typekit. Để làm điều này, chỉ cần truy cập Typekit.com để chọn các gói có sẵn.
- Bạn sẽ cần phải chọn kế hoạch mà bạn muốn đăng ký. Gói miễn phí giới hạn bạn tạo một trang web và quyền truy cập vào các font chữ nhất định. Bạn có thể muốn bắt đầu với gói miễn phí để dùng thử và sau đó nâng cấp sau. Bản nâng cấp cung cấp cho bạn một thư viện font chữ lớn hơn và bạn có thể sử dụng chúng trên nhiều trang web hơn.
Bước tiếp theo là tạo một bộ, tập hợp một thư viện font chữ và cài đặt cụ thể cho trang web của mình, vì vậy Typekit chỉ tải các file và code cần thiết. Để tạo bộ công cụ của bạn, hãy thêm tên trang web và tên miền của bạn rồi nhấp vào Continue.
Sau khi bạn điền xong thông tin cho bộ công cụ của mình, Typekit sẽ cung cấp cho bạn một đoạn code JavaScript để thêm vào trang web. Bạn có thể sao chép và dán code này vào trình soạn thảo văn bản như Notepad để lưu.
Hiện tại, bạn có thể bắt đầu chọn font chữ của mình. Bạn có thể duyệt qua thư viện font chữ và lọc theo các tùy chọn như classification, weight, width, x-height, v.v.
Khi bạn chọn được font chữ mình thích, bạn có thể nhấp vào font chữ đó để biết thêm chi tiết và ví dụ. Nếu bạn muốn thêm nó vào bộ công cụ web của mình, hãy nhấp vào nút Web Use: Add to Kit ở bên phải.
Thao tác này sẽ hiển thị cửa sổ popup nơi bạn cần thêm font chữ bạn đã chọn vào bộ công cụ bạn vừa tạo.
Giờ đây, bạn có thể nhấp vào nút Publish để lưu các thay đổi vào bộ công cụ của mình. Bây giờ, bộ font chữ của bạn đã có thể được sử dụng.
Cách thêm font chữ Typekit trong WordPress
Cách dễ dàng nhất để thêm font chữ web tùy chỉnh mới vào blog WordPress của bạn là sử dụng plugin Typekit Fonts cho WordPress. Sau khi cài đặt và kích hoạt plugin, bạn có thể truy cập Settings » Typekit Fonts để định cấu hình plugin.
Trước tiên, bạn cần dán code JavaScript mà bạn đã lưu trước đó vào trường mã nhúng Typekit. Sau đó, bạn có thể thêm bộ chọn CSS để chỉ định nơi bạn muốn sử dụng font chữ trên trang web của mình. Trong ảnh chụp màn hình ở trên, Vietnix đã thêm font chữ vào h1.site-title vào bộ chọn CSS.
Ngoài ra, theme WordPress của bạn có thể sử dụng các lớp khác nhau cho các yếu tố khác nhau. Bạn sẽ cần sử dụng công cụ Inspect Element trong trình duyệt web của mình để tìm ra các lớp CSS đó.
Lời kết
Vietnix hy vọng bài viết này đã giúp bạn tìm hiểu cách thêm các font chữ bắt mắt vào WordPress với Typekit. Bạn cũng có thể muốn xem hướng dẫn của Vietnix về hướng dẫn cách thay đổi font chữ theme WordPress để giúp trang web của bạn đẹp hơn, chúc bạn thành công!