Thực đơn
trang chủTrình duyệt

Phân loại phông chữ và tính năng sử dụng chúng trong thiết kế web. Cách chọn phông chữ phù hợp cho logo của bạn: Hướng dẫn đầy đủ

Chắc chắn nhiều người đã gặp phải tình huống cần xác định một phông chữ không xác định.

Nó sẽ giúp giải quyết vấn đề này một cách khá đơn giản và độc đáo. Bạn tải lên (từ máy tính của bạn hoặc bằng cách chỉ định một liên kết) một hình ảnh hoặc biểu tượng có chứa văn bản và trang web sẽ cung cấp danh sách các phông chữ. Các tệp không lớn hơn 360 x 275 pixel và các định dạng sau phù hợp để tải lên: GIF, JPEG, TIFF, BMP. Đôi khi bạn có thể cần nhập các ký hiệu tương ứng hiển thị trong hình vì bản thân hệ thống không phải lúc nào cũng có thể xác định chính xác chúng.

Để hệ thống nhận dạng tốt hơn các ký tự riêng lẻ, các nhà phát triển khuyên bạn nên tuân thủ các khuyến nghị sau. Cần nhớ rằng phông chữ càng nhỏ thì khả năng xác định sai văn bản càng cao. Kích thước tối ưu cho hệ thống là kích thước của một ký tự riêng lẻ trong phạm vi 100 pixel (kích thước lớn hơn sẽ tăng thời gian tìm kiếm các kết quả khớp). Tất nhiên, do giới hạn về độ rộng của ảnh nên ảnh sẽ chỉ chứa 3-4 ký tự, nhưng điều này cũng khá đủ để nhận biết các phông chữ tương tự. Dịch vụ hoạt động thành công với hình ảnh màu, nhưng độ chính xác cao chỉ có thể đạt được với hình ảnh đen trắng.

Sau khi tải hình ảnh, máy phân tích sẽ nhận dạng các ký tự.

Nếu bạn vẫn không thể xác định được phông chữ, bạn có thể gửi hình ảnh lên diễn đàn, nơi họ sẽ luôn giúp đỡ bạn.

Có một nhược điểm - không hỗ trợ phông chữ Cyrillic.

Có một dịch vụ nhận dạng phông chữ trực tuyến tuyệt vời khác - (Font is gì)

Bằng cách tải hình ảnh lên trang web này, bạn có thể biết phông chữ nào được sử dụng để viết văn bản trên đó. Cơ sở dữ liệu có đủ số lượng phông chữ Latin, nhưng chưa có nhiều phông chữ Cyrillic. Trang web cũng cung cấp tải xuống miễn phí một số phông chữ.

Trên dịch vụ Whatfontis có 3 cách để biết đó là font chữ gì:

Đường dẫn 1

Trong cửa sổ đầu tiên, tải hình ảnh đồ họa có chứa dòng chữ và nhấp vào Tiếp tục. Một cửa sổ sẽ xuất hiện để nhận dạng ảnh của bạn và một trường để nhập một chữ cái mà máy chủ có thể nhận dạng. Càng nhập nhiều chữ cái, cơ hội tìm thấy font chữ bạn đang tìm kiếm càng cao.

Khi bạn kết thúc ở cuối trang, sẽ có ba tùy chọn tìm kiếm:

  • Chỉ hiển thị phông chữ miễn phí hoặc phông chữ thay thế miễn phí
    (Chỉ hiển thị các phông chữ miễn phí hoặc các phông chữ miễn phí thay thế)
  • Chỉ hiển thị phông chữ thương mại hoặc phông chữ thay thế thương mại
    (Chỉ hiển thị các phông chữ trả phí hoặc các lựa chọn thay thế thương mại)
  • Hiển thị tất cả các phông chữ
    (Hiển thị tất cả các phông chữ)

Đường dẫn 2
Bạn không cần phải tải lên hình ảnh của riêng mình có chứa văn bản với phông chữ mong muốn mà chỉ cần chỉ định địa chỉ web của hình ảnh có phông chữ.

Đường dẫn 3
Tìm kiếm theo tên. Bạn có thể nhập tên của phông chữ và tìm kiếm các phông chữ tương tự của nó.

Như bạn đã biết, phông chữ có thể trả Và miễn phí.

Nhưng cũng có một lựa chọn kết hợp - phông chữ phần mềm chia sẻ.

Trong những trường hợp như vậy, việc sử dụng phông chữ chỉ được phép nếu người giữ bản quyền đáp ứng một số điều kiện nhất định.

Theo quy định, đây là cơ hội để sử dụng miễn phí cho mục đích cá nhân, tức là. mục đích phi thương mại. Một tùy chọn khác để sử dụng miễn phí là ghi công vào tài nguyên bằng phông chữ.

Phông chữ miễn phí có hệ thống Và không mang tính hệ thống.

Bộ font hệ thống tùy phiên bản các cửa sổ hoặc mac hệ điều hành có thể khác nhau, nhưng về nguyên tắc, bộ tiêu chuẩn trông như thế này:

  • Arial
  • Arial Đen
  • Hài hước Không bệnh đa xơ cứng
  • Chuyển phát nhanh Mới
  • Gruzia
  • Sự va chạm
  • lần Mới Roman
  • máy bắn đá bệnh đa xơ cứng
  • Verdana

Các phông chữ từ bộ này còn được gọi là phông chữ “an toàn” nhất.

Bạn được phép sử dụng phông chữ miễn phí trên các phương tiện khác nhau theo ý muốn của mình.

Phông chữ trả phíđi với 2 loại giấy phép:

1. Giấy phép máy tính để bàn

Các tệp TTF của phông chữ được mua, cài đặt trên máy tính và được sử dụng trong các trình soạn thảo đồ họa và để in. Phông chữ như vậy có thể được chuyển đổi thành phông chữ web, nhưng điều này sẽ bị coi là vi phạm giấy phép.

2. Giấy phép web

Trong trường hợp này, bạn không mua phông chữ mà thuê nó và sử dụng nó trên trang web của mình. Giấy phép này đi kèm với 3 hình thức thanh toán/sử dụng:

  • Trả tiền cho mỗi lượt xem ( số lượt xem trang)
  • Đăng ký phông chữ tại tháng\sáu tháng\năm vân vân
  • Đăng ký gói cước. Mỗi gói cước có thể giới hạn số lượt xem hoặc thời lượng sử dụng

Cách kiểm tra xem phông chữ có được trả tiền hay không

  1. Chúng ta hãy đi đến www.myfonts.com
  2. Nhập tên phông chữ vào thanh tìm kiếm - http://s3. micp.ru/Q48rU. jpg
  3. Nhấp vào phông chữ mong muốn trong kết quả tìm kiếm - http://s3. micp.ru/SoG6F. jpg
  4. Bấm vào tab Cấp phép - http://s1. micp.ru/vIOm1. jpg
  5. Đọc kỹ điều khoản sử dụng

Dành cho khách hàng

Nếu bạn đặt hàng tác phẩm từ một nhà thiết kế, hãy kiểm tra xem nghệ sĩ đã sử dụng phông chữ nào. Đọc điều khoản sử dụng cho từng phông chữ. Nếu phông chữ phải trả phí thì nếu không mua giấy phép, bạn sẽ phải đối mặt với các vụ kiện từ chủ sở hữu bản quyền.

Dành cho nhà thiết kế

Trước khi sử dụng phông chữ, hãy đọc kỹ các điều khoản sử dụng. Nếu phông chữ được trả tiền thì hãy cảnh báo khách hàng về điều này.

Nếu khách hàng đồng ý mua giấy phép cho phông chữ thì hãy viết một điều khoản trong hợp đồng làm việc về việc chuyển giao tất cả các quyền độc quyền đối với kết quả cuối cùng. Nếu không, một tình huống có thể phát sinh khi khách hàng chậm thanh toán giấy phép, nhận được khiếu nại từ chủ sở hữu bản quyền và cố gắng đổ lỗi cho bạn với tư cách là người biểu diễn.

Nếu phông chữ hóa ra phải trả phí và bạn đã sử dụng nó trong một dự án mà không báo trước cho khách hàng, thì bạn cũng có thể mong đợi các khiếu nại từ khách hàng khi họ nhận được khiếu nại từ chủ sở hữu bản quyền.

Thêm thông tin thú vị trong của tôi

Nếu bạn đã làm quen với những điều cơ bản về kiểu chữ và biết nơi có thể tìm thấy những phông chữ phù hợp với mình thì đã đến lúc làm quen với việc phân loại phông chữ và loại của chúng. Hiện nay có khá nhiều phông chữ khác nhau. Cả hai đều được trả phí và miễn phí.

Nhóm phông chữ cơ bản

Ngày nay có rất nhiều phông chữ khác nhau. Tất cả chúng đều có những đặc điểm cụ thể, nhờ đó chúng có thể được chia thành các nhóm:

Serif (chân)

Những phông chữ như vậy thường được sử dụng trong in ấn. Lý do cho điều này là tính dễ đọc của chúng, khiến chúng rất phổ biến. Kiểu chữ này hấp dẫn nhờ những dòng nhỏ ở cuối chữ. Nó được sử dụng trong sách, tạp chí và báo khác nhau. Mặt khác, phông chữ Serif sẽ giúp trang web của bạn có được sự sang trọng nhất định và làm cho thiết kế web của bạn trông tinh tế hơn.

Slab serif (chữ serif hình chữ nhật)

Sử dụng loại phông chữ này sẽ mang lại cho trang web của bạn một cái nhìn độc đáo và khiến nó trông khá phong cách. Serif hình chữ nhật rất khó đọc và do đó không được khuyến khích sử dụng trong văn bản mà bạn điền vào phần nội dung của trang web. Chúng được sử dụng tốt nhất khi thiết kế tiêu đề, điều này sẽ mang lại cho chúng cái nhìn thú vị hơn và tách biệt chúng khỏi phần chính của văn bản một cách trực quan.


Chữ viết (bằng chữ thảo)

Những phông chữ này được sử dụng tốt nhất để bổ sung cho các yếu tố trang trí trong thiết kế của bạn. Khi sử dụng phông chữ thảo, hãy đặc biệt cẩn thận khi sử dụng chúng trong tiêu đề của bạn cũng như trong phần nội dung của trang web, vì việc đọc chúng là một quá trình khá khó khăn đối với khách truy cập.


Blackletter (phông chữ Gothic)

Phông chữ này có một cái nhìn trang trí. Nếu bạn muốn thêm gia vị cho thiết kế web của mình với thứ gì đó cổ điển thì bạn nên sử dụng phông chữ này. Thông thường những phông chữ này được nhiều nhà hàng khác nhau sử dụng trên bảng hiệu của họ.


Sans serif (sans serif)

Các chữ cái sẽ không có serif. Chúng khá giống với phông chữ serif và sẽ trông tuyệt vời trong văn bản của bất kỳ tài nguyên Internet nào hoặc trong các tiêu đề. Chúng thường được sử dụng trên máy tính vì chúng thuận tiện hơn nhiều khi đọc khi phông chữ nhỏ. Những phông chữ này có thể giúp làm cho dự án của bạn đơn giản hơn và thiết kế của nó tối giản hơn. Ngày nay, San serif là phông chữ phổ biến nhất được các nhà thiết kế sử dụng cho văn bản của các bài viết đăng trên trang web của họ.


Chữ viết tay (phông chữ viết tay)

Sử dụng loại phông chữ này sẽ làm cho văn bản của bạn trông giống như được viết bởi người khác. Nó có thể phục vụ như một sự bổ sung trang trí tốt cho một dự án web, do đó sẽ làm cho nó trở nên độc đáo và không thể bắt chước được. Tốt nhất chỉ nên sử dụng font chữ để làm nổi bật thông tin mà bạn muốn người đọc chú ý.


Trang trí (trang trí)

Những phông chữ này bao gồm tất cả các kiểu thú vị tồn tại và khá độc đáo. Nhược điểm nhỏ của chúng là rất khó đọc. Nếu bạn muốn dự án web của mình có thiết kế văn bản khác thường thì bạn có thể sử dụng chúng một cách an toàn.


Lựa chọn và kết hợp các phông chữ

Sự đa dạng của các phông chữ là rất lớn, có nghĩa là thậm chí còn có nhiều sự kết hợp giữa chúng hơn. Vì vậy, việc lựa chọn font chữ phù hợp sẽ mất rất nhiều thời gian. Đây là một quá trình khá phức tạp, trong đó bạn phải luôn căn cứ vào phong cách của dự án Internet của mình và sở thích của khách truy cập.

Đầu tiên, khi bắt đầu quá trình này, bạn phải quyết định lựa chọn phông chữ mà bạn sẽ sử dụng trong văn bản nội dung trang web, phông chữ này sẽ trở thành phông chữ chính cho toàn bộ dự án của bạn. Thông thường, phông chữ có hoặc không có serif được chọn cho phần nội dung của trang web. Điều này sẽ giúp bạn tin tưởng rằng trang web của bạn sẽ dễ đọc và do đó việc tìm kiếm phông chữ phải được thực hiện trực tiếp trong hai nhóm này.

Ngoài ra, hãy đảm bảo rằng phông chữ bạn chọn có nhiều kiểu khác nhau. Điều này sẽ cho phép bạn linh hoạt hơn khi sử dụng chúng trong dự án web của mình. Một cách hay để tìm hiểu xem một phông chữ cụ thể có phù hợp với bạn hay không là thử nghiệm nó trên các khối lớn, chẳng hạn như tiêu đề, đoạn văn, v.v.

Thứ hai, bạn chắc chắn cần xác định một phông chữ khác mà bạn sẽ sử dụng trong một số tiêu đề. Không có quy tắc cụ thể nào cho sự lựa chọn như vậy, nhưng các nhà thiết kế có kinh nghiệm khuyên bạn nên chọn một phông chữ khác với phông chữ chính mà bạn sử dụng cho phần nội dung của trang web. Bằng cách này, bạn có thể làm cho các tiêu đề trên trang web của mình hấp dẫn hơn đối với người dùng. Tốt hơn là nên sử dụng phông chữ được sửa đổi một chút cho phần nội dung của trang web, chẳng hạn như làm cho nó đậm.

Một lựa chọn thiết kế văn bản tốt là trộn và kết hợp một nhóm phông chữ tiêu đề serif với văn bản nội dung của trang web, đó sẽ là sans serif. Hãy thử thí nghiệm này và bạn sẽ thấy hai nhóm này kết hợp với nhau rất hài hòa để tạo ra một thiết kế kiểu chữ đẹp mắt.

Thứ ba, nếu bạn muốn thu hút sự chú ý của người dùng đến các thành phần nhất định của văn bản và làm cho chúng hiển thị rõ ràng hơn, thì bạn nên đưa một phông chữ khác vào thiết kế. Trong trường hợp này, hãy thử nghiệm các phông chữ chữ thảo và trang trí, vì đây là những cách tốt nhất để thu hút sự chú ý của khách truy cập trang web.

Cách trộn và sử dụng font chữ trong văn bản

Hãy xem xét một số nguyên tắc kết hợp phông chữ sẽ cho phép bạn đạt được thiết kế văn bản đẹp mắt.

Trang web phải có thể đọc được

Khi chọn phông chữ cho văn bản của nội dung hoặc tiêu đề trang web, bạn chắc chắn nên nhớ rằng phông chữ đó phải dễ đọc cho người dùng. Tất nhiên, khả năng đọc của một số phông chữ trực tiếp phụ thuộc vào cài đặt chính xác của chúng: bạn cần đảm bảo rằng kích thước phông chữ, chiều cao dòng và màu sắc thích hợp được chọn. Trước khi sử dụng bất kỳ phông chữ nào trong thiết kế web của bạn, hãy kiểm tra xem chúng sẽ trông như thế nào khi có các màu khác nhau. Bằng cách này bạn có thể hiểu liệu một màu cụ thể có phù hợp với bạn hay không.

Quy tắc này có một vài trường hợp ngoại lệ cần luôn được ghi nhớ. Ví dụ: bạn đang phát triển thiết kế web cho một dự án Internet dành cho trẻ em và bạn có thể muốn sử dụng một trong những loại phông chữ trang trí mà trẻ em sẽ thích. Trong trường hợp này, hãy cố gắng sử dụng phông chữ serif và sans serif. Cần phải tuân theo quy tắc này, vì các nghiên cứu đã chỉ ra rằng những phông chữ này dễ đọc hơn rất nhiều nên việc chọn phông chữ trang trí sẽ không phải là lựa chọn tốt nhất trong trường hợp này.

Không sử dụng nhiều phông chữ khác nhau

Khi tạo một thiết kế dự án, cố gắng không sử dụng nhiều phông chữ. Con số tối ưu để sử dụng sẽ là ba phông chữ. Cái này có một vài nguyên nhân:

    Khi sử dụng dịch vụ font chữ, mỗi font chữ bạn thêm vào sẽ giúp tăng tốc độ tải trang của trang web.

    Sự hiện diện của nhiều phông chữ hơn trên các trang của trang web khiến khách truy cập mất tập trung, khiến họ khó tập trung đọc nội dung hơn.

    Bằng cách sử dụng không quá ba phông chữ, bạn sẽ tiết kiệm được thời gian trong khi vẫn làm cho trang web của mình trông đẹp mắt.

Đừng sử dụng sự kết hợp không phù hợp

Việc kết hợp nhiều phông chữ khi viết tiêu đề trang web hoặc kết hợp một số lượng lớn các phông chữ khác nhau là một ý tưởng rất tồi. Sự kết hợp như vậy rất rủi ro và có thể mang lại cho bạn rất nhiều vấn đề.

Bằng cách xem phông chữ trên dịch vụ web Typekit, bạn có cơ hội đặt các bộ lọc mình cần, điều này sẽ giúp bạn tìm ra phông chữ nào phù hợp nhất để sử dụng cho tiêu đề hoặc đoạn văn, đây sẽ là một công cụ rất hữu ích trong quá trình phát triển thiết kế.

Ví dụ về kết hợp phông chữ

Ví dụ: hãy xem các trang của một số trang web có phông chữ được lựa chọn cẩn thận.

Tiêu đề:
Sentinel (tấm serif)

Đoạn văn:
Gotham Narrow (sans-serif)

Trong những ví dụ này, chúng ta có thể quan sát thấy các tiêu đề và tiêu đề phụ sử dụng phông chữ có chân dài. Nó hoạt động như một sự tương phản với văn bản chính của trang web và là một phông chữ đơn giản và dễ đọc. Thiết kế này có tính đồng nhất. Bạn có thể đạt được nhiều điều từ nó chỉ bằng cách thay đổi màu sắc và kiểu dáng của nó.

Tiêu đề và đoạn văn:
Văn bản vận chuyển hàng hóa Pro (serif)

Nghỉ ngơi:
Vận chuyển hàng hóa Sans Pro (san-serif)

Trong ví dụ này, chúng ta có thể thấy cách chỉ sử dụng một phông chữ cho tiêu đề và đoạn văn. Nó trông khá bắt mắt vì các tiêu đề có vẻ ngoài táo bạo và lớn hơn.

Cũng ở đây, chúng ta có thể thấy một phông chữ sans-serif mà tác giả sử dụng trên các nút trang web và thông tin tin nhắn.

Tiêu đề:
PMN Caecilia (tấm serif).

Đoạn văn:
Gill Sans (sans-serif)

Các nhà thiết kế của trang web này đã tạo ra một thiết kế rất tinh xảo và đẹp mắt cho tài nguyên web của họ. Không có sự khó chịu hoặc phông chữ đậm ở đây. Họ đã chọn phông chữ mỏng cho tiêu đề và phông chữ đơn giản cho nội dung của trang web.

Cả hai họ phông chữ có trên tài nguyên này đều có sự kết hợp tuyệt vời, cho phép khách truy cập dễ dàng đọc tất cả văn bản.

Tiêu đề và đoạn văn:
Skolar (chữ serif)

Các nhà thiết kế của trang này chỉ sử dụng một phông chữ serif. Tuy nhiên, bất chấp quyết định đặc biệt như vậy của các chuyên gia, các tiêu đề và đoạn văn vẫn có sự khác biệt rõ ràng với nhau. Tất cả điều này là do các kiểu, màu sắc và kích thước phông chữ cụ thể được sử dụng ở đây.

Xin chào, Habr!

Hàng núi bài viết đã được viết mô tả các khía cạnh khác nhau khi làm việc với phông chữ web, nhiều ví dụ hoạt động đã được thu thập, nhưng hàng ngày chúng ta vẫn tiếp tục phải đối mặt với sự hiểu lầm cơ bản về phông chữ web là gì. Không phải ai cũng có thời gian tìm kiếm tài liệu trên Google về chủ đề này, vì vậy tôi đã cố gắng đưa ra câu trả lời cho các câu hỏi thường gặp. Tài liệu này sẽ được quan tâm chủ yếu bởi những người chưa đi sâu vào sự phức tạp của công nghệ phông chữ.

01. Tại sao chúng ta lại cần phông chữ web mà không phải phông chữ tiêu chuẩn?

Điều đầu tiên bạn nghĩ đến là các phông chữ tiêu chuẩn cực kỳ nhàm chán và thật khó để làm điều gì đó nguyên bản với sự trợ giúp của chúng. Theo quy định, hầu hết chúng đều mang đến sự u sầu và chán nản không chỉ cho người dùng mà còn cho cả những người thiết kế web. Trong trường hợp này, các phông chữ không chuẩn có tính biểu cảm cao hơn và ngoài ra, chúng có nhiều mức độ lớn hơn nên có rất nhiều lựa chọn. Hơn nữa, phông chữ là một phần không thể thiếu của thương hiệu, vì vậy mọi công ty đều cố gắng sử dụng nó một cách tích cực hơn vì cơ hội kỹ thuật như vậy đã xuất hiện.

Và người ta hoàn toàn có thể từ bỏ các phông chữ tiêu chuẩn, đặc biệt là vì nhiều hệ điều hành di động không hỗ trợ chúng (ví dụ: Arial, Taһoma, Verdana và Georgia). Tuy nhiên, thật không may, ngành công nghiệp, trong nhiều năm đã được điều chỉnh thành 96 màn hình dpi và Georgia verdans, vẫn chưa sẵn sàng cho những thay đổi nhanh chóng và trên các hệ điều hành Windows cũ hơn vẫn có vấn đề với việc hiển thị phông chữ không chuẩn do đặc thù của cơ chế rasterization

02. Làm thế nào để chọn được font chữ web tốt?

Phông chữ không chỉ là một tập hợp các chữ cái được số hóa được tạo bằng bút vẽ trên giấy hoặc trong Illustrator, nó còn được tinh chỉnh và đánh bóng 98%, gợi ý và thử nghiệm trên nhiều phương tiện khác nhau và ở các kích cỡ khác nhau. Phông chữ này trông đẹp, kiểu dáng bóng bẩy, sẽ không có vấn đề gì với nó dù trên máy in hay trên màn hình, nó toát lên chất lượng tốt.

Tuy nhiên, khi chọn phông chữ, điều này thậm chí không phải là điều quan trọng hơn nhiều mà là sự phù hợp và tuân thủ của phông chữ với phương pháp sử dụng và nhiệm vụ được giao cho nó. Nếu bạn làm việc với phông chữ, bạn cần hiểu mọi thứ hoạt động như thế nào những công nghệ nào được sử dụng. Điều này sẽ giúp bạn không ghi nhớ trong đầu một loạt các quy tắc ghi nhớ khó hiểu, được ghi lại một cách phù hợp và bắt đầu. Ví dụ, mọi nhà in có lòng tự trọng đều biết lý do tại sao không nên sử dụng phông chữ TrueType để in offset, phông chữ nào có thể được sử dụng làm phông chữ văn bản và phông chữ nào - chỉ dành cho tiêu đề hoặc chỉ mục. Nếu anh ta không biết điều này, thì anh ta sẽ phải in lại một lượng lớn bản in, và những bất ngờ và vấn đề liên tục sẽ chờ đợi anh ta tại nơi làm việc. Thật ngạc nhiên là tại sao không ai đưa ra bất kỳ yêu cầu nào đối với các nhà thiết kế web.

03. Trình duyệt hiển thị phông chữ như thế nào?

Tôi thường nghe nói rằng các trình duyệt tự vẽ phông chữ nên chúng trông khác nhau ở mọi nơi. Nhưng trên thực tế, một hệ thống con đồ họa đặc biệt của HĐH tham gia vào việc hiển thị phông chữ: trong Windows, điều này GDI hoặc Viết trực tiếp và trên OS X và iOS - Văn bản lõi(và trước đây là QuickDraw). Có 3 cơ chế rasterization (render) phông chữ phổ biến: pixel hai màu (đen và trắng), pixel đơn sắc (thường được gọi là khử răng cưa hoặc khử răng cưa thông thường) và pixel phụ. Subpixel sử dụng tính năng của màn hình LCD và plasma, trong đó mỗi pixel được chia thành 3 phần (đỏ, lục và lam), nhằm tăng độ phân giải ngang của hình ảnh được hiển thị và cải thiện độ rõ nét.

Tuy nhiên, các trình duyệt chọn phương thức hiển thị của riêng chúng từ các phương thức do HĐH cung cấp. Ví dụ: GDI có 3 tùy chọn hiển thị: đen trắng, khử răng cưa thông thường và subpixel Loại rõ ràng. Điểm đặc biệt của cái sau là việc làm mịn chỉ xảy ra theo chiều ngang, phù hợp với vị trí của các pixel phụ. Đây chính là lý do tại sao chúng ta thường thấy hiện tượng răng cưa khủng khiếp ở các nét ngang và chéo của phông chữ khi sử dụng. May mắn thay, Microsoft bắt đầu dần dần cải thiện cơ chế này và GDI đã được thay thế bằng công nghệ DirectWrite, công nghệ này đã đưa ra tính năng khử răng cưa dọc. So sánh:

04. TTF hay OTF?

TrueType và PostScript ban đầu là các định dạng phông chữ khác nhau. TrueType sử dụng đường cong Bezier bậc hai, trong khi PostScript sử dụng đường cong bậc ba, vốn quen thuộc với các nhà thiết kế làm việc trong Illustrator và Photoshop. Ngày nay, cả hai phương pháp mô tả đường cong đều được sử dụng như một phần của cùng một định dạng OpenType, với điểm khác biệt duy nhất là tệp TrueType có phần mở rộng TTF và tệp PostScript có phần mở rộng OTF. Mỗi công nghệ đều có những tính năng gợi ý và ứng dụng cụ thể riêng.

Nhìn vào bức tranh. Nếu phông chữ TrueType dễ đọc hơn nhiều ở kích thước nhỏ, nhưng ở kích thước lớn, chúng ta thấy những nét đặc trưng, ​​thì đối với phông chữ PostScript, mọi thứ hoàn toàn ngược lại. Điều này là do các trình duyệt chọn các phương pháp rasterization khác nhau cho PS và TT. Đối với PS, trình duyệt áp dụng khử răng cưa đơn sắc thông thường và TT được xử lý bằng ClearType. Vì vậy, hóa ra TrueType sẽ thích hợp hơn cho phông chữ văn bản và PostScript tốt hơn cho các tiêu đề và dòng chữ lớn.

Chúng tôi cũng thấy rằng không phải tất cả các trình duyệt đều sử dụng DirectWrite. Vì vậy, nó vẫn không có trong Google Chrome.

05. Điều gì khác ảnh hưởng đến màn hình?

Đôi khi tốt hơn là đặt phương pháp rasterization theo cách thủ công. Ví dụ: trong các trình duyệt có công cụ Webkit, bạn có thể sử dụng thuộc tính CSS - làm mịn phông chữ webkit và kích hoạt khử răng cưa thông thường theo cách thủ công thay vì khử răng cưa pixel phụ và ngược lại. Ngoài ra còn có những cách không hề tầm thường để khiến trình duyệt thay đổi phương pháp rasterization; nó đã từng được đề xuất trên Habré.

Chúng ta không được quên về cỡ chữ (font-size). Hình dạng đường viền, độ tương phản nét vẽ và khả năng đọc có thể khác nhau rất nhiều giữa các kích thước phông chữ. Đặt trình chỉnh sửa đồ họa xuống và xem phông chữ web trông như thế nào trong trình duyệt, trong chiến đấu.

Một cách khác để giảm thiểu những thiếu sót của khử răng cưa là thông qua quản lý màu sắc và độ tương phản. Để giảm hiệu ứng của đường viền màu (khi sử dụng ClearType, các đường viền màu vàng và đỏ tươi xuất hiện xung quanh các cạnh), bạn có thể thử giảm độ tương phản tông màu bằng cách làm cho màu nền gần với màu văn bản hơn. Đừng quá lo lắng, hãy nhớ đến những người dùng có thị lực kém.

06. Phông chữ web có cần gợi ý không?

Gợi ý là các hướng dẫn đặc biệt liên kết chặt chẽ các đường cong trừu tượng của phông chữ với các pixel trên màn hình. Phần lớn các phông chữ (bao gồm cả phông chữ thương mại) không được gợi ý vì đây là một thủ tục khá tốn công và phức tạp. Gợi ý được thực hiện khác nhau đối với TrueType và PostScript. Nếu bạn lấy phông chữ rẻ tiền, định dạng OTF sẽ an toàn hơn, vì trong TT quy trình vẫn không thay đổi kể từ thời rasterization đen trắng và không hoàn toàn đầy đủ, nhưng đối với PS, quy trình đơn giản hơn và tác giả có cơ hội để làm gợi ý tự động.

Phông chữ không có gợi ý sẽ bị mờ khi rasterized và chiều cao của các chữ cái có thể tăng vọt.

Một mặt, phông chữ có gợi ý khá rõ ràng, tương phản và đồng nhất, nhưng mặt khác, hình dạng chữ bị biến dạng tùy theo kích thước và khoảng cách có thể khác so với thực tế. Các chữ cái hoàn toàn phụ thuộc vào pixel.

Trong HĐH Windows, có lẽ chúng ta thấy cách tiếp cận triệt để nhất: các phông chữ phổ biến như Tahoma, Verdana, Arial và Georgia được gợi ý cụ thể cho GDI ClearType và khi DirectWrite xuất hiện, các phông chữ chính có trong HĐH phải được gợi ý lại và cập nhật.

Không giống như Microsoft, Apple có cách tiếp cận ngược lại, vì vậy hệ điều hành của họ sử dụng các thuật toán cho phép bất kỳ phông chữ nào được hiển thị ít nhiều hiệu quả và gợi ý hoàn toàn không được tính đến.

Để trả lời câu hỏi: kỷ nguyên của màn hình 300DPI đang nhanh chóng đến gần và một số lượng lớn thiết bị di động đã có độ phân giải này và sẽ sớm không cần gợi ý nữa. Nhưng vì Windows vẫn phụ thuộc vào gợi ý và tập trung vào màn hình có độ phân giải thấp, hãy cố gắng chọn phông chữ tiêu chuẩn hoặc gợi ý chất lượng cao cho văn bản, nếu không văn bản sẽ khó đọc và khó hiểu.

07. @font-face hay Cufon?

Dù nghe có vẻ lạ lùng đến đâu thì vẫn có người tự hỏi mình câu hỏi này. Có vẻ như sau khi các trình duyệt bắt đầu hỗ trợ thuộc tính @font-face, tất cả các công nghệ nhúng phông chữ khác (Cufon, sIFR, Flash) dường như trở nên không còn phù hợp. Nhưng một số ý nghĩa vẫn còn tồn tại, chẳng hạn như cách thay thế phông chữ bằng hình ảnh, khi không hiển thị các đường cong vector trên trang web mà chỉ hiển thị một bản in, chẳng hạn như máy in in nó trên một tờ giấy hoặc Photoshop xuất ra JPG không thể chỉnh sửa. Điều này được nhiều giấy phép phông chữ (máy tính để bàn) thông thường cho phép. Một số nhà sản xuất phông chữ (ví dụ: Adobe) cho phép nhúng phông chữ trên máy tính để bàn (trong các chương trình và trên máy chủ), miễn là nó vẫn được bảo vệ và không thể tải xuống. Nếu bạn không thể mua giấy phép web riêng thì bạn có thể sử dụng sIFR thích hợp khi phông chữ được nhúng bằng đối tượng Flash. Điểm bất lợi là nó sử dụng Flash, không phải tất cả các thiết bị đều hỗ trợ. Bạn cũng có thể sử dụng công nghệ Cufon (Canvas được sử dụng) nếu giấy phép cho phép. Tất nhiên, trong trường hợp này, tập lệnh sẽ cồng kềnh và việc chọn văn bản sẽ không hiệu quả, nhưng trong tình huống tuyệt vọng thì nó sẽ có tác dụng.

Nhưng tốt nhất nên sử dụng @font-face, nó vừa tiên tiến hơn về mặt công nghệ, vừa tiện lợi hơn, hơn nữa đã tích lũy đủ kinh nghiệm để làm việc với nó. Nó chỉ có một nhược điểm: không phải tất cả các nhà sản xuất đều cho phép sử dụng phông chữ của họ trên web.

08. Tệp phông chữ nên ở định dạng nào?

Ngày nay, phông chữ được chuẩn bị để triển khai (@font-face) trên trang web phải có nhiều định dạng:

TTF hoặc OTF- một tệp phông chữ quen thuộc với chúng tôi nhưng được tải từ máy chủ khi xem trang web;
WOFF- kho lưu trữ nguồn không được bảo vệ OTF hoặc TTF có lẽ là định dạng quan trọng nhất được hầu hết các trình duyệt phổ biến hỗ trợ và các tệp trong WOFF thường nhẹ hơn 2–2,5 lần so với tệp gốc;
EOT- cần có một kho lưu trữ do TT OpenType triển khai, có cơ chế bảo vệ, để hỗ trợ các trình duyệt Internet Explorer cũ hơn (bắt đầu từ IE8, ngoài các đường cong TrueType, PostScript cũng được hỗ trợ);
SVG- để hỗ trợ trình duyệt Safari.

09. Phông chữ web có thể chuyển đổi được không?


Bất kể mọi người có nói gì với bạn, bạn không thể đơn giản chuyển đổi một tệp và giữ nguyên chất lượng ban đầu của phông chữ, đặc biệt nếu ban đầu nó ở định dạng OpenType. Trong quá trình này, có khả năng mất một số dữ liệu được nhúng trong tệp phông chữ (hướng dẫn đã biên dịch, ký tự bổ sung, số liệu). Bạn sẽ nhận thấy điều này khi tập tin đột nhiên "giảm cân" trong quá trình chuyển đổi; việc chuyển đổi TrueType sang PostScript và ngược lại sẽ đặc biệt không ổn.

Ngoài ra, quá trình chuyển đổi hầu như luôn vi phạm các điều khoản không sửa đổi của giấy phép. Nói một cách đơn giản, điều này cũng giống như hành vi trộm cắp. Khi bạn ném tệp vào trình chuyển đổi, hãy yên tâm rằng nó sẽ không bỏ sót chúng và sẽ đưa ra cảnh báo vì tệp có chứa chữ ký số của nhà sản xuất và các hạn chế sửa đổi tương ứng.

10. Phông chữ web nên nặng bao nhiêu?

Trình duyệt phải tải xuống đầy đủ các tập tin phông chữ trước khi hiển thị trang. Có lẽ bạn đã thấy hiệu ứng “font flash” (hoặc FOUT), khi trong một khoảnh khắc ngắn, thay vì các phông chữ kỳ lạ, các phông chữ hệ thống tiêu chuẩn sẽ nhấp nháy. Sẽ là bình thường nếu TTF (OTF) vừa với 100 kb và WOFF (EOT) vừa với 50 kb. Hãy luôn suy nghĩ xem bạn có cần sử dụng phông chữ tùy chỉnh hay không, ngay cả khi bạn sử dụng nó trong 1 tiêu đề ngắn, bạn vẫn sẽ phải tải xuống toàn bộ tệp phông chữ.
Thiết kế càng hoàn hảo thì các tệp phông chữ có thể nặng càng nhỏ và cố gắng chọn các hình dạng đơn giản. Theo nghĩa này, hình thức lý tưởng là một hình học kỳ cục mở với độ tương phản thấp. Để tăng tốc độ tải phông chữ, việc sử dụng data:uri cũng rất hữu ích.

11. Có thể sử dụng bao nhiêu kiểu phông chữ trên web?

Từ quan điểm của một nhà thiết kế, rất nhiều kiểu chữ rất ngầu. Và thực sự, đối với tiêu đề - In đậm, và ở đằng kia, đối với phần phụ - ExtraLight, chúng ta thường sẽ đẩy các văn bản không cần thiết và nhấn chúng vào In đậm đậm đặc. Đây rồi - sự giàu có thực sự và sự đa dạng về phong cách. Nhưng khi tất cả “của cải” này bắt đầu được chuyển đến trang web, hóa ra mọi thứ diễn ra chậm chạp một cách khủng khiếp. Và tốt hơn hết là đừng cố mở một trang web như vậy từ thiết bị di động. Ngoài ra, đừng quên rằng mỗi kiểu chữ sẽ có giá tiền riêng và rất có thể khách hàng sẽ yêu cầu bạn tìm một phông chữ đồng nghĩa hoặc giảm số lượng kiểu chữ, để không mua hết kiểu chữ đắt tiền. Việc sử dụng tối đa 2-3 kiểu chữ giống nhau hoặc khác nhau là điều bình thường.

12. Có cần thiết phải giới hạn bộ ký tự không?

Câu trả lời cho câu hỏi này phụ thuộc vào loại trang web đó và cách nó sẽ được sử dụng. Các hạn chế có thể hữu ích vì có thể giảm đáng kể kích thước của tệp. Đôi khi, do thiếu hiểu biết, các nhà phát triển tải các tệp phông chữ nặng lên trang web với bộ ký tự đầy đủ và sẽ rất tốt nếu không có chữ tượng hình (lưu ý, phông chữ Arial Unicode chứa hầu hết các ký tự trong bảng Unicode nặng 22 MB).

Đối với những người làm cho các trang web bằng tiếng Anh trở nên dễ dàng nhất, họ không cần phải tải thêm ký tự nào cả, những ký tự bằng tiếng Latin cơ bản (hoặc ASCII) là đủ. Nếu bạn chỉ sử dụng phông chữ cho các tiêu đề bằng tiếng Nga + bao gồm tiếng Anh, thì bộ ASCII (tiếng Latin cơ bản) và 64 ký tự của bảng chữ cái tiếng Nga sẽ là đủ cho bạn; không cần thiết phải tải bộ 420 ký tự Cyrillic Extended . Đó là một câu chuyện hoàn toàn khác nếu trang web của bạn đa ngôn ngữ, trong trường hợp đó, để tránh hiển thị sai các ký tự, bạn cần cố gắng bao gồm tất cả các ngôn ngữ được sử dụng.

13. Tôi có thể sử dụng bản sao phông chữ không?

Sẽ xảy ra trường hợp mua phông chữ gốc quá đắt hoặc thậm chí là không thể, khi đó việc chọn phông chữ đồng nghĩa (bản sao) sẽ là phù hợp. Tất nhiên, bạn không nên mong đợi chất lượng tuyệt vời từ chúng, ngay cả khi chúng được sản xuất bởi một công ty nổi tiếng của Nga. Mọi thứ hoàn toàn tồi tệ khi bạn bắt gặp tác phẩm của một người biết chữ ẩn danh nào đó quyết định thử sức mình trong một lĩnh vực mới, hãy cẩn thận với những phông chữ như vậy. Dưới đây là ví dụ về các bản sao (bản gốc được chỉ định trong ngoặc): FreeSet (Frutiger), Pragmatica và Helios (Helvetica). Xin lưu ý rằng hình dạng chữ cái có thể khác nhau. Có một số lượng lớn các bản sao trong thư mục từ đồng nghĩa phông chữ Paratype.

14. Làm thế nào để kiểm tra phông chữ?

Các nhà thiết kế không quen với việc chỉ nhìn thấy phông chữ qua cửa sổ Photoshop, các biên tập viên đồ họa sử dụng các phương pháp làm mịn văn bản của riêng họ và bạn có thể bị đánh lừa bởi một bức tranh đẹp. Sẽ hữu ích hơn nhiều khi tìm hiểu cách kiểm tra và xem chúng trên trình duyệt. Nếu có trang demo, hãy đảm bảo rằng tất cả các loại tạo tác và đột biến không xuất hiện trong quá trình kết xuất. Ngoài ra còn có một công cụ tên là Typecast, nơi bạn có thể kiểm tra nhiều phông chữ và sau đó hiển thị trang cho khách hàng. Đối với những người chọn phông chữ mới cho một trang web đã hoàn thiện, dịch vụ Web Fonts Previewer là không thể thiếu đối với bạn, bạn có thể thử nghiệm bất kỳ phông chữ nào trên một trang web đang hoạt động, như thể bạn đã triển khai nó.

15. Máy tính của tôi có font chữ thì có thể sử dụng trên website được không?

Đầu tiên, một chút về trộm cắp. Tôi biết rất nhiều nhà thiết kế có hàng nghìn phông chữ trong máy tính của họ mà không ai biết nguồn gốc của chúng. Theo quy định, họ chỉ cần tải nó xuống từ Internet. Nhưng vì lý do nào đó không ai nghĩ rằng việc tạo ra những phông chữ đẹp phải mất hàng tháng, đôi khi hàng năm trời làm việc nghiêm túc! Nhưng đây không phải là lý do duy nhất khiến bạn không nên sử dụng những phông chữ bị sém và lấy không rõ nguồn gốc mà còn vì bạn có thể gặp khó khăn nghiêm trọng ở giai đoạn phát triển.

Nếu bạn muốn nhúng phông chữ đi kèm với hệ điều hành vào trang web của mình, bạn chỉ có thể thực hiện việc này bằng cách phân loại phông chữ đó hoặc sử dụng phông chữ đó trong hình ảnh. Nếu bạn thực sự cần nhúng thì bạn sẽ cần mua một giấy phép riêng, giống như các phông chữ thông thường (cả Georgia và Tahoma đều đang được giảm giá).

16. Làm thế nào để mua phông chữ web?

Khi bạn "mua một phông chữ", điều gần nhất với việc mua phần mềm là bạn nhận được giấy phép sử dụng nó chứ không phải là quyền đối với chính tệp chương trình. Hóa ra tệp phông chữ được biên dịch hợp pháp là một chương trình. Sửa đổi hoặc thay đổi trừ khi được giấy phép cho phép được coi là vi phạm bản quyền.

Một cách thuận tiện để mua phông chữ là thông qua danh mục phông chữ (Fonts.com, MyFonts, Ascender, Typekit). Bạn sẽ có thể xem, so sánh và chọn một trong các tùy chọn có sẵn để sử dụng và thanh toán bằng thẻ. Cách dễ dàng nhất cho các công ty là liên hệ trực tiếp với xưởng sản xuất hoặc để khách hàng mua phông chữ.

Hoặc có lẽ tốt hơn hết là bạn không nên chi tiền cho một phông chữ nào cả? Có rất nhiều phông chữ miễn phí tuyệt vời cũng tốt như những phông chữ trả phí!

17. Có những loại giấy phép nào?

Có nhiều loại giấy phép phông chữ khác nhau và với sự ra đời của phông chữ web, sự đa dạng ngày càng tăng lên. Trong cuộc sống thực, mỗi công ty tự đặt ra các quy tắc của trò chơi và giấy phép phông chữ có thể chứa các tính năng của nhiều loại khác. Chúng tôi sẽ quan tâm đến những cái điển hình.

Giấy phép thương mại thông thường giới hạn việc sử dụng trên một số thiết bị nhất định và cho phép phân phối các tác phẩm được tạo bằng phông chữ. Đây có thể là tạp chí, báo, tờ rơi, danh thiếp, hình ảnh phông chữ được quét - tất cả chúng ta có thể gọi chung là bản in. Giấy phép này không phù hợp cho phim, truyền hình, web và nhúng vào các ứng dụng và chương trình; các quyền đó phải được mua riêng.

Ngoài ra còn có các giấy phép cụ thể, ví dụ: giấy phép có độc quyền. Trong trường hợp này, công ty mua tất cả các quyền từ các nhà thiết kế kiểu chữ và ngay cả tác giả của phông chữ cũng không có quyền sử dụng nó ở bất kỳ đâu. Điều đặc biệt đáng ngạc nhiên khi những phông chữ như vậy có trên torrent hoặc khi một số nhà thiết kế bên thứ ba sử dụng chúng.

Giấy phép miễn phí (miền công cộng) - tác giả của phông chữ cho phép phân phối miễn phí, có hoặc không có điều kiện cho biết tên của mình (Creative Commons) (ví dụ: OFL, GPL, Apache 2.0). Loại giấy phép này thậm chí còn cho phép sử dụng thương mại, ngoài việc bán hàng và phân phối trả phí. Ví dụ: PT Sans, Opensans, Droid. Đôi khi, việc sửa đổi phông chữ được cho phép (GPL), nhưng sửa đổi bạn tạo sẽ tự động kế thừa cùng một giấy phép (có nghĩa là bạn cũng có thể bị phân nhánh). Freedom giả định rằng nó có thể được sử dụng trên bất kỳ phương tiện truyền thông nào, kể cả. và web.
Miễn phí cho mục đích sử dụng phi thương mại - nghĩa là bạn có thể sử dụng nó trong mọi trường hợp bạn không kiếm được tiền từ nó. Ví dụ, để đào tạo, sở thích và các dự án cộng đồng. Đôi khi, các nhà sản xuất cho phép các nhà thiết kế sử dụng với hy vọng rằng khách hàng may mắn của nhà thiết kế sau đó sẽ mua phiên bản thương mại của phông chữ.

18. Giấy phép đối với phông chữ web khác nhau như thế nào?

Giấy phép web là loại giấy phép yêu thích của chúng tôi, chúng bổ sung cho giấy phép chính hoặc được cấp riêng. Quy định một trường hợp đặc biệt - việc sử dụng phông chữ trên các trang web. Theo quy định, hạn chế quan trọng nhất là số lượt xem trang. Ví dụ: 10 nghìn mỗi tháng, 100 nghìn hoặc 1 triệu, tức là càng có nhiều người truy cập trang web của bạn thì bạn càng phải trả nhiều tiền cho giấy phép. Ngoài ra còn có các tùy chọn không giới hạn, khi bạn trả tiền cho phông chữ một lần, nhưng chúng đắt hơn nhiều lần. Chắc hẳn bạn thắc mắc, có ai theo dõi số lượt xem không? Thường thì không. Nhưng đừng quên rằng một số lượng lớn quầy sẽ giám sát lưu lượng truy cập trang web của bạn và nếu bạn khơi dậy sự nghi ngờ của người bán, bạn có thể bị mất giấy phép.

Chưa hết, giấy phép web riêng không cho phép sử dụng trên máy tính thông thường. Đôi khi giấy phép web được cấp miễn phí, nghĩa là cùng lúc với việc mua phông chữ trên máy tính để bàn, bạn có quyền sử dụng phiên bản web của nó. Nhưng điều này vẫn còn hiếm, đại đa số các nhà sản xuất đều yêu cầu một khoản phí bổ sung.

Sau khi mua, bạn sẽ nhận được các tệp đặc biệt mà bạn nhúng vào trang web (TTF, OTF, WOFF, EOT) và một số phông chữ không cho phép đặt các tệp này trên trang web ở dạng không được bảo vệ, vì về mặt lý thuyết, các bên thứ ba có thể lấy được chính các tập tin phông chữ. Tùy chọn thứ ba là bạn sử dụng dịch vụ web đặc biệt của nhà sản xuất phông chữ, chẳng hạn như Typekit, thuộc sở hữu của Adobe và trả phí đăng ký.

19. Tôi có thể lấy phông chữ web tốt ở đâu?

Danh mục phông chữ miễn phí từ Google
Fontsquirrel là một thư mục và trình chuyển đổi phông chữ web nổi tiếng
Myfonts - kho phông chữ khổng lồ với hệ thống thanh toán tiện lợi
Fonts.com là đối thủ cạnh tranh chính của MyFonts
Typekit - dịch vụ cho thuê font chữ của Adobe
Typecast - cửa hàng nói trên có dịch vụ thử nghiệm
tái bút Một tài nguyên hữu ích khác được Maria Doreuli đề xuất là WebFont.ru. Cấp phép. Để làm cho nó rõ ràng
Tim Brown. Hiển thị kiểu chữ trên web
Tim Brown. Thuộc tính CSS ảnh hưởng đến kết xuất kiểu
Tim Brown. Kết xuất kiểu: hệ điều hành
Tim Ahrens. Một cái nhìn cận cảnh hơn về kết xuất phông chữ
Tim Ahrens (Bộ đánh máy). Xem xét kỹ hơn về gợi ý TrueType
Lợi ích của OpenType/CFF so với TrueType

Ildar Kinyabulatov, nhà thiết kế web ADV/kỹ thuật web

Phông chữ có lẽ là một trong những thứ quan trọng và thú vị nhất, nhưng đồng thời cũng là công cụ phức tạp nhất trong kho vũ khí của một nhà thiết kế web. Một phông chữ được sử dụng trên mọi trang web và do đó, sự tồn tại của nó cũng như sự kết hợp của nó với các phông chữ khác trên trang phải tuân theo một logic nhất định. Vì vậy, trước hết, cần phải hiểu những nhóm phông chữ nào tồn tại, đặc điểm nổi bật trong phong cách của chúng và cũng xem xét trường hợp nào thì sử dụng phông chữ này hoặc phông chữ khác là phù hợp. Trong bài viết này, chúng tôi đề xuất xem xét các phông chữ serif và các nhóm con của chúng, cũng như các phông chữ serif, viết tay và trang trí.

1. Phông chữ Serif

Nói chung, Serif được dịch từ tiếng Anh là serif hoặc một nét nhô ra nhỏ, một nét ngắn ở gốc và ở đầu của một chữ cái hoặc ký hiệu. Phông chữ Serif là một nhóm khá lớn bao gồm các phông chữ kiểu Ai Cập và hiện đại cũ.

phong cách cũ

Kiểu phông chữ cũ dựa trên kỹ thuật viết chữ hình nêm. Điều này có thể được nhìn thấy trong các serif đặc trưng của chữ thường, luôn được đặt ở một góc và tất cả các đường cong của dạng chữ đều có sự chuyển đổi từ nét dày sang nét mỏng. Bạn có thể thực hiện một thử nghiệm nhỏ - nếu bạn vẽ một đường thẳng qua các phần mỏng của nét tròn, nó sẽ luôn có đường chéo.

Những phông chữ như vậy được coi là lựa chọn tốt nhất để gõ văn bản dài. Thứ nhất, chúng có rất ít đặc điểm khác biệt cản trở việc đọc và thứ hai, mắt dường như bám vào các serif, khiến quá trình đọc dễ dàng hơn.

Phong cách hiện đại

Phong cách hiện đại hay còn gọi là Hiện đại, cũng như Didone. Vẻ ngoài của phong cách hiện đại được phân biệt bởi sự xa cách nhất định của các phông chữ. Không còn sự bắt chước chữ hình nêm một cách rõ ràng như vậy nữa. Phông chữ phong cách hiện đại có serif ngang và mỏng hơn, cũng như sự chuyển đổi tương phản rõ rệt từ đường dày sang đường mỏng và áp lực dọc rõ ràng.

Phông chữ phong cách hiện đại trông rất đẹp khi được viết bằng cỡ chữ lớn. Tuy nhiên, do sự chuyển đổi đột ngột từ dòng dày sang dòng mỏng nên không thuận tiện cho việc đọc lâu dài. Vì vậy, chúng được sử dụng tốt nhất cho tiêu đề và logo.

phong cách Ai cập

Phong cách Ai Cập đôi khi được gọi là Claderon, theo tên của kiểu chữ đầu tiên của nhóm này. Đặc điểm nổi bật của chúng là sự chuyển đổi hầu như không đáng chú ý từ đường dày hơn sang đường mỏng và thường hoàn toàn không có đường này. Các serif của chữ thường trong các phông chữ này nằm ngang và dày. Một tên khác của nhóm này là Slab Serif, dịch từ tiếng Latin có nghĩa là hình chữ nhật.

Bởi vì các nét của kiểu phông chữ này dày đặc và đồng đều hơn nên rất lý tưởng cho các văn bản dài. Nhưng cần lưu ý rằng nhìn chung toàn bộ trang sẽ trông tối hơn. Phong cách này được sử dụng rộng rãi trong việc sắp chữ sách dành cho trẻ em.

2. Phông chữ cắt nhỏ

Từ sans có nghĩa là “không có” trong tiếng Pháp, vì vậy tên của nhóm này được dịch là “sans serif”. Trong sans serif, hầu như không có áp lực khi chuyển từ dòng dày hơn sang dòng mỏng hơn, khiến nó có độ dày đồng đều hơn.

Nhìn chung, người ta cho rằng phông chữ serif dễ đọc hơn nhưng khi nói đến thiết kế web thì chưa có sự đồng thuận rõ ràng. Điều này chủ yếu là do các tính năng kỹ thuật của màn hình. Nhưng mọi thứ đều theo ý của bạn.

3. Phông chữ viết tay

Kỹ thuật tạo phông chữ viết tay liên quan đến việc viết văn bản bằng tay, bằng bút lông hoặc bút thư pháp đặc biệt. Những phông chữ như vậy không phù hợp để viết văn bản dài, đặc biệt nếu văn bản chỉ bao gồm chữ in hoa. Nhưng dù thế nào đi nữa, chúng trông rất đẹp, được gõ bằng phông chữ lớn và với tư cách là một yếu tố trang trí trong thiết kế, chúng đơn giản là không thể thay thế.

4. Phông chữ trang trí

Phông chữ trang trí bao gồm hầu hết các phông chữ không thuộc các thông số khác. Đây là một danh mục phông chữ rất lớn và đa dạng và số lượng của chúng ngày càng tăng lên. Do tính xa hoa nên chúng cần được sử dụng rất liều lượng và cẩn thận. Đây có thể là logo, tiêu đề hoặc chữ khắc riêng lẻ.