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 701.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 quản lý để sử dụng các phông chữ đẹp trên trang web của họ? Thông thường, họ thêm các 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 phông chữ riêng lẻ, có thể khá tốn kém, 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ọ có quyền truy cập hơn 230 phông chữ và bạn có thể sử dụng miễn phí 2 họ phông chữ trên một trang web. Các gói 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 cá tính của bạn và thông điệp của bạn đến người đọc. Không quan trọng loại hình ảnh bạn muốn phản ánh (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ể đưa trang web của bạn từ một thiết kế đơn giản trở thành một phần thẩm mỹ nổi bật.

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

Tạo bộ công cụ trên bộ gõ wordpress

Bước tiếp theo là tạo một bộ dụng cụ. Bộ công cụ này cho phép bạn tập hợp một thư viện phông chữ cụ thể và các cài đặt cho trang web của mình, để việc tải bộ gõ là tối ưu. Để 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, sau đó nhấp vào Tiếp tục.

Tạo bộ công cụ trên bộ gõ wordpress

Sau khi bạn điền xong thông tin cho bộ tài liệu 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 một trình soạn thảo văn bản như Notepad để lưu nó 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 mình. Bạn có thể duyệt qua thư viện phông chữ và lọc chúng theo các tùy chọn như xếp hạng, trọng lượng, chiều rộng, chiều cao và hơn thế nữa.

Phông chữ chiosir uen trên bộ gõ

Khi bạn phát hiện ra một phông chữ theo ý muốn, bạn có thể nhấp vào phông 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 “Sử dụng web: Thêm vào bộ công cụ” ở phía bên phải.

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]

Monarcha font typekit wordpress

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.

Xem trước kiểu chữ bộ gõ

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.

Xem trước kiểu chữ bộ gõ

Đó 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 là sử dụng plugin. Wordpress Typekit. Tìm hiểu cách cài đặt plugin WordPress.

Chúng tôi đề xuất các 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ữ Bộ gõ Để cấu hình plugin.

Cài đặt bộ gõ plugin Wordpress

Trước tiên, bạn cần dán mã 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 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 phần tử khác nhau. Bạn sẽ cần sử dụng công cụ Kiểm tra phần tử trong trình duyệt web của mình để tìm các lớp CSS này.

Kiểm tra nội dung mã wordpress

Đó 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