Trang chủ » Thiết kế web » 15 công cụ đánh máy trực tuyến Tất cả các nhà thiết kế nên biết

    15 công cụ đánh máy trực tuyến Tất cả các nhà thiết kế nên biết

    Kiểu chữ là nền tảng của bất kỳ thiết kế nào, bởi vì đọc là một trong những điều cơ bản nhất chúng ta làm trên web. Kiểu chữ bạn chọn có tác động đến nhiều khía cạnh của trang web, bao gồm khả năng đọc, tâm trạng và trải nghiệm người dùng tổng thể. Đó là điều cần thiết cho các nhà thiết kế và nhà phát triển để biết các nguyên tắc cơ bản của kiểu chữ đến tạo ra các thiết kế dễ chịu.

    Chúng tôi đã nói về các công cụ ghép phông chữ trước đây và hôm nay chúng tôi sẽ chia sẻ với bạn loại công cụ để bạn có thể đạt được trải nghiệm đọc tốt hơn trong các trang web bạn xây dựng và / hoặc thiết kế.

    Dưới đây là các plugin, công cụ trực tuyến và tập lệnh sẽ giúp bạn tạo tiêu đề tuyệt vời văn bản dễ đọc.

    Máy đánh chữ

    Nó sẽ không đưa ra lựa chọn thiết kế cho bạn, nhưng sẽ xác định đánh dấu đúng với kiểu dáng cho các mẫu typographic phổ biến. Nó cũng có thể cung cấp cho bạn lời khuyên về cách tạo kiểu sao chép văn bản đúng cách.

    Kiểm tra: Bản trình diễn | Tài liệu

    Gutenberg

    Gutenberg là một bộ khởi động typography linh hoạt và dễ sử dụng cho các nhà phát triển và thiết kế. Nó sẽ giúp bạn đặt kích thước loại cơ sở, chiều cao dòng và chiều rộng tối đa. Gutenberg là một dự án nguồn mở, vì vậy hãy thoải mái đóng góp, điều chỉnh và sửa đổi nó.

    Kiểm tra: Bản trình diễn | Tài liệu

    Lettering.js

    Lettering.js là một plugin jQuery cung cấp cho bạn quyền kiểm soát đối với loại k sâu. Nó cho phép bạn có được thiết kế biên tập dễ dàng và quản lý mã. Trang web có các ví dụ tuyệt vời về kiểu chữ được tạo bằng plugin này để lấy cảm hứng.

    Kiểm tra: Bản trình diễn | Tài liệu

    Máy đánh chữ

    Typebase.css là một bản định kiểu chữ có thể tùy chỉnh. Nó chứa cả saas và các phiên bản ít hơn và dễ dàng sửa đổi thành các dự án web hiện đại.

    Kiểm tra: Bản trình diễn | Tài liệu

    FitText

    FitText là một plugin sẽ làm cho kích thước phông chữ trang web của bạn linh hoạt. Nó sẽ giúp bạn đạt được các tiêu đề có thể mở rộng cho các độ phân giải màn hình khác nhau; nói cách khác, làm cho kiểu chữ của bạn phản ứng nhanh. Nó được tạo ra để chỉ hiển thị văn bản lớn.

    Kiểm tra: Bản trình diễn | Tài liệu

    Kerning.js

    Kerning.js giúp bạn tự động chuyển đổi, chia tỷ lệ và sửa đổi kiểu chữ của bạn bằng CSS. Thật dễ dàng để bắt đầu với Kerning.js.

    Kiểm tra: Bản trình diễn | Tài liệu

    Typeinstall.css

    Formsinstall.css là sân chơi của bạn để tạo các dự án web hoặc blog tối giản. Tất cả các kiểu chữ được sử dụng ở đây được lấy cảm hứng từ những điều cơ bản trong thiết kế đồ họa.

    Kiểm tra: Bản trình diễn | Tài liệu

    Cái ba lô

    Với Rucksack, bạn có thể tạo ra kiểu chữ tuyệt vời nhờ vào một thuộc tính mới, đáp ứng về kích thước phông chữ. Tạo kiểu chữ đáp ứng được thực hiện dễ dàng đặc biệt.

    Kiểm tra: Bản trình diễn | Tài liệu

    FlowType.JS

    Kiểu chữ dễ đọc nhất chứa từ 45 đến 75 ký tự trên mỗi dòng nhưng để thấy rằng sự cân bằng là một nhiệm vụ đầy thách thức đối với các nhà phát triển. FlowType.JS thay đổi kích thước phông chữ và sau đó là chiều cao dòng dựa trên chiều rộng của một thành phần cụ thể.

    Kiểm tra: Bản trình diễn | Tài liệu

    Blast.js

    Blast.js sẽ giúp bạn tách các văn bản để dễ dàng thao tác kiểu chữ hơn. Nó chứa 4 dấu phân cách dựng sẵn: ký tự, từ, câu và phần tử. Nó cũng có thể phù hợp với các biểu thức và cụm từ tùy chỉnh.

    Kiểm tra: Bản trình diễn | Tài liệu

    slabText

    slabText là một tập lệnh đơn giản chia các tiêu đề thành các hàng để điền hoàn hảo vào không gian ngang có sẵn. Tập lệnh tính toán số lượng ký tự lý tưởng để đặt trong mỗi hàng bằng cách chia chiều rộng có sẵn cho kích thước phông chữ pixel.

    Kiểm tra: Bản trình diễn | Tài liệu

    Loại quy mô

    Với Scale Scale, bạn có thể xem trước và chọn đúng loại thang cho dự án của bạn. Không có quy tắc - chỉ chơi xung quanh với kích thước phông chữ, tỷ lệ và các phông chữ web khác nhau.

    Kiểm tra: Bản trình diễn | Tài liệu

    Đánh máy

    Typographic giúp bạn làm cho typography đáp ứng. Tất cả những gì bạn cần làm chỉ là chọn một vài phông chữ, đặt một vài cài đặt và bạn sẽ nhận được kiểu chữ phản hồi đẹp.

    Kiểm tra: Bản trình diễn | Tài liệu

    Typi

    Typi là một hỗn hợp saas bạn có thể sử dụng để tạo ra kiểu chữ đáp ứng dễ dàng. Nó tạo kích thước phông chữ và chiều cao dòng cho HTML và các yếu tố khác. Ngoài ra, Typi có chức năng nhịp dọc để tính chiều cao của đường.

    Kiểm tra: Tài liệu

    Lining.js

    Với plugin Lining.js, bạn sẽ có toàn quyền kiểm soát kiểu chữ web. Nó được hỗ trợ trên hầu hết các trình duyệt phổ biến như Safari, Google Chrome, Opera và Mozilla Firefox.

    Kiểm tra: Bản trình diễn | Tài liệu

    Phần thưởng: 2 công cụ khác!

    Trạng thái của loại web

    State of the Web Type là một trang web cung cấp dữ liệu cập nhật về sự hỗ trợ cho loại và các tính năng trên web. Bạn có thể sử dụng tìm kiếm hoặc danh mục, chẳng hạn như k sâu, khoảng cách vốn, tải phông chữ CSS và hơn thế nữa để tìm chính xác những gì bạn cần.

    Máy in

    Typograph là một web tuyệt vời và plugin phác thảo cho phép bạn đặt các khoảng trắng không phá vỡ sau các từ một chữ cái, kết nối số và đơn vị. Nó cũng loại bỏ khoảng trắng kép, nhập, dấu chấm và các lỗi chính tả khác, do đó bạn có thể đạt được kiểu chữ đẹp sạch dễ đọc.

    Kiểm tra: Tài liệu