Bỏ qua đến nội dung chính

Làm thế nào để thêm một kiểu chữ ấn tượng với Typekit

Divi: chủ đề WordPress dễ sử dụng nhất

Divi: Chủ đề WordPress tốt nhất mọi thời đại!

hơn Tải xuống 600.000, Divi là chủ đề WordPress phổ biến nhất trên thế giới. Nó là hoàn chỉnh, dễ sử dụng và đi kèm với hơn 62 mẫu miễn phí. [Khuyến nghị]

Bạn đã bao giờ tự hỏi làm thế nào những người thiết kế trang web sử dụng phông chữ đẹp trên trang web của họ? Thông thường, họ thêm phông chữ tùy chỉnh bằng cách sử dụng Typekit, một dịch vụ Adobe cung cấp cho bạn quyền truy cập vào các phông chữ chất lượng cao. Trong hướng dẫn này, chúng tôi sẽ chỉ cho bạn cách thêm phông chữ Typekit vào WordPress để cải thiện kiểu chữ của bạn.

Tại sao sử dụng Typekit Fonts?

Typekit là một dịch vụ chính sách đăng ký phổ biến có thể giúp bạn tiết kiệm rất nhiều tiền. Thay vì trả tiền cho các giấy phép chính sách riêng lẻ, có thể trở nên khá đắt đỏ, bạn có thể truy cập toàn bộ thư viện hàng trăm phông chữ của họ miễn phí hoặc với tỷ lệ cố định hàng năm.

Thư viện Typekit là một bộ sưu tập ấn tượng với nhiều hơn các phông chữ 1000. Một số phông chữ đẹp nhất bạn có thể tìm thấy trên web có sẵn trên Typekit, một dịch vụ Adobe.

Gói cơ bản miễn phí của họ đi kèm với quyền truy cập vào phông chữ 230 + và bạn có thể sử dụng họ phông chữ 2 trên một trang web miễn phí. Các kế hoạch khác bắt đầu từ 49,99 $ đến 99,99 $ mỗi năm.

Những phông chữ Typekit tuyệt vời này có thể dễ dàng được thêm vào một trang web mà không làm chậm tốc độ tải trang web của bạn. Phông chữ được phục vụ qua CDN và tải nhanh hơn nhiều so với nếu bạn.

Tại sao nên sử dụng phông chữ tùy chỉnh trên WordPress?

Kiểu chữ đóng một vai trò quan trọng trong việc thiết kế trang web của bạn.

Chọn phông chữ tốt sẽ truyền đạt rõ ràng tính cách và thông điệp của bạn đến độc giả của bạn. Không quan trọng bạn muốn phản ánh loại hình ảnh nào (chuyên nghiệp, thân thiện, giản dịCác phông chữ trên trang web của bạn có thể giúp chiếu hình ảnh tốt.

Bằng cách sử dụng bộ phông chữ phù hợp, bạn có thể để lại ấn tượng lâu dài. Chọn phông chữ phù hợp cho trang web WordPress của bạn có thể làm cho trang web của bạn đi từ một thiết kế đơn giản đến một công việc thẩm mỹ đáng chú ý.

Phông chữ web tùy chỉnh tốt có thể:

  • Tăng tỷ lệ chuyển đổi
  • Giảm tỷ lệ thoát của trang web của bạn
  • Tăng thời gian dành cho trang web của bạn
  • Tạo trải nghiệm đáng nhớ cho người dùng

Bạn có biết làm thế nào để sử dụng phông chữ Typekit? Làm thế nào để sử dụng Typekit để tùy chỉnh phông chữ WordPress.

Cách bắt đầu với Typekit

Đầu tiên, bạn cần tạo một tài khoản Typekit. Để thực hiện việc này, chỉ cần truy cập "Typekit.com" và so sánh các gói có sẵn.

Dễ dàng tạo trang web của bạn với Elementor

Elementor cho phép bạn dễ dàng tạo ra bất kỳ thiết kế trang web nào với một cái nhìn chuyên nghiệp. Ngừng trả tiền đắt cho những gì bạn có thể tự làm. [Miễn phí]

Bạn sẽ cần phải chọn gói nào bạn muốn sử dụng. Gói miễn phí giới hạn bạn đến một trang web và bao gồm quyền truy cập vào các phông chữ bị giới hạn. 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 phông chữ lớn hơn và bạn có thể sử dụng chúng trên nhiều trang web.

Bước tiếp theo là tạo ra một bộ. Bộ công cụ cho phép bạn kết hợp một thư viện phông chữ cụ thể và các cài đặt cho trang web của bạn, để tải kiểu bộ là tối ưu. Để tạo bộ của bạn, hãy thêm tên trang web và tên miền của bạn và nhấp vào Tiếp tục.

Khi bạn đã điền xong thông tin cho bộ của mình, Typekit sẽ cung cấp cho bạn một số mã JavaScript để thêm vào trang web của bạn. Bạn có thể sao chép và dán mã này vào trình soạn thảo văn bản như Notepad để lưu mã ngay bây giờ. Chúng tôi sẽ thêm nó vào trang web của bạn trong bước tiếp theo của hướng dẫn này.

Bây giờ, bạn có thể bắt đầu chọn phông chữ của bạn. Bạn có thể duyệt thư viện phông chữ và lọc chúng theo các tùy chọn như thứ hạng, trọng lượng, chiều rộng, chiều cao và hơn thế nữa.

Bạn đang tìm kiếm các plugin và plugin WordPress tốt nhất?

Tải xuống các plugin và WordPress chủ đề tốt nhất trên Envato và dễ dàng tạo trang web của bạn. Đã tải xuống nhiều hơn 49.720.000. [ĐỘC QUYỀN]

Khi bạn thấy một phông chữ bạn muốn, bạn có thể nhấp vào nó để biết thêm chi tiết và ví dụ. Nếu bạn muốn thêm nó vào bộ web của mình, hãy nhấp vào nút "Sử dụng web: Thêm vào Kit" ở bên phải.

Thao tác này sẽ hiển thị cửa sổ bật lên nơi bạn phải thêm phông chữ được chọn cho bộ công cụ bạn vừa tạo.

Bây giờ bạn có thể nhấp vào nút " xuất bản Để lưu các thay đổi cho bộ của bạn.

Đó là tất cả! Bộ phông chữ của bạn hiện có sẵn để sử dụng trên blog WordPress của bạn.

Làm thế nào để thêm phông chữ để WordPress typekit

Cách tốt nhất để thêm phông chữ web tùy chỉnh mới vào blog WordPress của bạn sẽ là sử dụng plugin Wordpress Typekit. Tìm hiểu cách cài đặt plugin WordPress.

Chúng tôi khuyên dùng phông chữ Typekit cho plugin WordPress. Sau khi cài đặt và kích hoạt plugin, bạn có thể truy cập " Cài đặt> Phông chữ Typekit Để cấu hình plugin.

Trước tiên, bạn sẽ cần dán mã JavaScript mà bạn đã lưu trước đó trong 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 phông chữ trên trang web của mình.

Trong ảnh chụp màn hình ở trên, chúng tôi đã thêm phông chữ vào bộ chọn CSS " h1.site-tiêu đề '.

Dễ dàng tạo Cửa hàng trực tuyến của bạn

Tải xuống miễn phí WooCommerce, các plugin thương mại điện tử tốt nhất để bán các sản phẩm vật lý và kỹ thuật số của bạn trên WordPress. [Đề xuất]

Chủ đề 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 Item trong trình duyệt web của mình để tìm các lớp CSS này.

Đó là tất cả cho hướng dẫn này, tôi hy vọng nó sẽ cho phép bạn thêm phông chữ TypeKit vào blog WordPress của bạn.

.

Bài viết này chứa comments 0

Để lại một bình luận

địa chỉ email của bạn sẽ không được công bố. Các trường bắt buộc được đánh dấu *

Trang web này sử dụng Akismet để giảm bớt không mong muốn. Tìm hiểu thêm về cách sử dụng dữ liệu nhận xét của bạn.

Trở lại đầu trang
13 cổ phiếu
cổ phiếu10
tweet
Enregistrer3