Thực đơn
trang chủHướng dẫn

Sử dụng phông chữ trong thiết kế hiện đại Cách nhận biết phông chữ từ hình ảnh. Hãy nhớ rằng không phải mọi thứ đều phụ thuộc vào việc lựa chọn phông chữ

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. Ngày nay có đủ một số lượng lớn rất 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 serif)

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. Đổi lại, phông chữ serif sẽ giúp trang web của bạn có được sự sang trọng nhất định và tạo nên sự nổi bật. vẻ bề ngoài thiết kế web tinh vi 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 yếu tố trang trí 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 văn bản nội dung 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 mọi thứ các loại hiện có bản chất hài hước 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 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 sẽ đượ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 để biết liệu 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 khối lớn, ví dụ như trong 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 một số một số yếu tố nhất định văn bản và làm cho chúng hiển thị rõ ràng hơn thì bạn nên thêm 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ế đẹp chữ.

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 lựa chọn phông chữ trang trí sẽ không phải là lựa chọn tốt nhất. sự 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ữ. Số lượng tối ưu Sẽ có ba phông chữ để sử dụng. 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 hơn phông chữ 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 tiết kiệm thời gian trong khi vẫn làm cho trang web của bạn 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 font chữ khi viết tiêu đề website hoặc kết hợp nhiều font chữ khác nhau là một ý tưởng vô cùng tồi tệ. 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ó chất gây kích ứng ở đây và phông chữ đậm. 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ân)

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 giữa chúng. 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 tôi nghĩ đến là phông chữ chuẩn Chúng cực kỳ nhàm chán và với sự giúp đỡ của chúng, thật khó để làm được điều gì đó nguyên bản. 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 đã thích ứng với 96 màn hình dpi và Georgia verdans trong nhiều năm vẫn chưa hoàn toàn 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 số hóa các chữ cái được tạo bằng bút vẽ trên giấy hoặc trong Illustrator, nó còn là 98% sự tinh chỉnh và đánh bóng, gợi ý và thử nghiệm cho phương tiện truyền thông 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ó cho thấy chất lượng tốt.

Tuy nhiên, khi chọn phông chữ, nhiều Giá trị cao hơnĐiều này thậm chí không phải là vấn đề quan trọng mà là tính hiệu quả và sự phù hợp 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 phải 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ế, phông chữ được hiển thị bằng một công cụ đặc biệt hệ thống con đồ họa Hệ điều hành: trên Windows thì có 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 (rendering) 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ó các 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 xảy ra vì đối với trình duyệt PS và TT, hãy chọn phương pháp khác nhau rasterization. Đối với PS, trình duyệt áp dụng tính nă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. Ừ, anh ấy vẫn không ở đó. 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 được 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 đến rất nhanh, và 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, đối với phông chữ văn bản, hãy cố gắng chọn phông chữ được thiết kế tốt hoặc chuẩ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 vô vọng sẽ làm.

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 OTF hoặc TTF không được bảo vệ có lẽ là tốt nhất định dạng quan trọngđược đa số ủng hộ trình duyệt phổ biến 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 mật, để hỗ trợ các trình duyệt cũ hơn trình duyệt web IE(bắt đầu từ IE8, ngoài đườ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 được biên dịch, dấu hiệu 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 là điều đặc biệt không tốt.

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 chứa chữ ký số nhà sản xuất và các lệnh cấm 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. Trong trường hợp này, hình dáng hoàn hảo- Đây 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 bằng thiết bị di động. Và đừng quên rằng mỗi kiểu có giá tiền riêng và rất có thể khách hàng sẽ yêu cầu bạn tìm từ đồng nghĩa về phông chữ hoặc giảm số lượng kiểu, để 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 lên các tập tin phông chữ nặng từ máy của họ. trọn bộ ký tự và sẽ tốt hơn 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 + một vài dòng tiếng Anh thì bạn sẽ đủ bộ ASCII(tiếng Latin cơ bản) và 64 ký tự của bảng chữ cái tiếng Nga, 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, biên tập đồ 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ị lừa 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. Dành cho những ai lựa chọn phông chữ mớiđối với một trang web được tạo sẵn - dịch vụ Web Fonts Previewer là không thể thiếu đối với bạn, bạn có thể kiểm tra 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ữ trên 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 sự sáng tạo phông chữ tốt- đây là những tháng và đôi khi là nhiều năm 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ị cháy sém và lấy từ đâu mà 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, bạn chỉ có thể thực hiện việc này bằng cách tạo điểm ảnh hoặc sử dụng nó 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 gũi 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 giao việc mua phông chữ cho khách hàng.

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 điều tuyệt vời phông chữ miễn phí, không thua kém gì những cái được trả tiền!

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

Hiện hữu các loại khác nhau giấy phép phông chữ và với sự ra đời của phông chữ web, sự đa dạng của chú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 cứ đâ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 trừ việc bán hàng và phân phối trả phí. Ví dụ: PT Sans, Openans, 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 trương hợp đặc biệt- 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 Nghĩa 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 nhận được tập tin đặ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ể tự lấy các tệp 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ữ, ví dụ Typekit, thuộc sở hữu của công ty 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- cửa hàng lớn phông chữ với hệ thống tiện lợi sự chi trả
Phông chữ.com - đối thủ cạnh tranh chính Phông chữ của tôi
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 cái khác tài nguyên hữu ích, người đã tư vấn WebFont.ru cho Maria Doreuli. Cấp phép. Để làm cho nó rõ ràng
Tim Brown. Hiển thị kiểu 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ữ rất quan trọng. Giống như không khí mà bạn không chú ý đến miễn là mọi thứ đều ổn. Hầu hết mọi người không biết phông chữ được gọi là gì hoặc chúng khác nhau như thế nào (điều đó không sao cả), nhưng họ chắc chắn có thể cảm nhận được rằng có điều gì đó không ổn với trang web của bạn nếu phông chữ bạn đang sử dụng không phù hợp với dự án của bạn.

Trọng lượng phông chữ là gì

Khả năng đọc phông chữ

Dù bạn chọn phông chữ nào thì nó cũng phải dễ đọc. Đặc biệt nếu bạn đang sử dụng ảnh nền. Nếu bạn kẻ một đường mỏng lên một bức ảnh với chi tiết nhỏ, văn bản sẽ không được đọc. Hãy luôn chú ý đến điều này.

Những gì có thể được thực hiện? Đầu tiên, hãy sử dụng ảnh phù hợp với hậu cảnh: có các chi tiết lớn, đồng đều. Thứ hai, làm mềm ảnh bằng bộ lọc, ảnh sẽ mượt hơn và văn bản sẽ đọc rõ hơn. Thứ ba, bạn có thể tăng độ bão hòa của một khối cụ thể bằng cách áp dụng “kiểu nội tuyến”. Điều này có nghĩa là bạn không đặt cài đặt cho toàn bộ trang web mà chỉ cho một phần văn bản. Bạn cần chọn văn bản và đặt tham số thông qua trình chỉnh sửa.

Kiểu được áp dụng theo cách này, ngoài cài đặt chung, sẽ luôn được ưu tiên. Do đó, nếu đột nhiên bạn thay đổi các tham số trong cài đặt trang nhưng không hiển thị các thay đổi đó, điều đó có nghĩa là “kiểu nội tuyến” đã được áp dụng ở nơi này. Để xóa nó, bạn cần chọn văn bản và nhấp vào biểu tượng “xóa”.

Ví dụ 1: Văn bản không dễ đọc lắm

Ví dụ 2: Văn bản đọc tốt

Nếu chủ đề chọn phông chữ khiến bạn quan tâm, hãy tìm các trang web tốt gần với dự án của bạn và xem họ sử dụng phông chữ nào. Tiện ích mở rộng trình duyệt What Font sẽ giúp bạn xác định điều này.

Bạn cũng có thể xem kho lưu trữ kiểu chữ độc lập http://fontsinuse.com/ - một tài nguyên nơi các mẫu trang web và ấn phẩm in được thu thập và sắp xếp theo loại phông chữ được sử dụng.

Bạn có nhận thấy rằng khi bạn nhìn vào một cái gì đó Logo, thì trong tiềm thức bộ não của bạn sẽ cố gắng xác định xem nét chữđã được sử dụng ở đó? Nếu bạn là một nhà thiết kế thì chắc chắn điều này đã từng xảy ra với bạn. Không có hướng dẫn rõ ràng về phông chữ bạn nên sử dụng trong một logo cụ thể và do đó, với hàng trăm nghìn phông chữ miễn phí trên Internet, việc chọn đúng phông chữ thực sự là một nhiệm vụ khó khăn.

Nếu bạn đã thử hàng trăm phông chữ nhưng vẫn chưa tìm được phông chữ phù hợp hoặc bạn chỉ muốn biết những phông chữ mà các nhà thiết kế khác đang sử dụng thì bài viết này chính là dành cho bạn. Hôm nay chúng tôi muốn phân tích một số thương hiệu nổi tiếng và nói về phông chữ nào được sử dụng trong logo của họ. Điều này sẽ giúp bạn phát triển ý tưởng cho các dự án tiếp theo, nhưng chúng tôi khuyên bạn không nên quá phấn khích, nếu không bạn sẽ có cùng một logo :)

01. Zopa.com


Logo của nhiều trang web phổ biến bị chi phối bởi màu xám. bảng màu với những điểm nhấn nhẹ nhàng. Logo trang web Ass:) và hình ảnh tổng thể của trang web là một ví dụ điển hình cho điều này.

02. Màn trập


Logo Shutterfly hiện đại rất đơn giản và vui tươi. Bức ảnh này cho chúng ta thấy rằng cuộc sống chuyển động quá nhanh nên không cần phải quá nghiêm túc. Bức tranh tổng thể được bổ sung bằng cách logo sử dụng xu hướng hiện đại và những cái nhìn thoáng qua.

03.NewsGator


Logo của trang web này sử dụng phông chữ thú vị trên nền nhiều màu sắc.

04. Tiếng hét


Có rất nhiều tranh cãi xung quanh việc sử dụng chữ in hoa trong logo, nhưng những người tạo ra logo này cho chúng ta thấy rằng những người phản đối nó đôi khi cũng sai lầm.

05. Shozu


Thiết kế cực kỳ hiện đại theo phong cách của các trang web tốt nhất hiện nay. Khi phông chữ được sử dụng được hỗ trợ bởi màu sắc phù hợp, trang web của bạn chắc chắn sẽ thu hút được sự chú ý.

06. Facebook


Logo facebook có chữ đơn giản với các góc sắc nét, rõ ràng được đặt trên nền xanh đậm giúp logo dễ nhìn. Logo facebook là một ví dụ tuyệt vời về chủ nghĩa tối giản.

07.Twitter


Các chữ cái màu xanh nhạt với các góc tròn - thế là xong! Bây giờ bạn có thể dễ dàng nhận ra logo Twitter nổi tiếng.

08. Đào


Không giống như phông chữ trước, ở đây chúng tôi không có góc bo tròn nào cả: mọi thứ đều nghiêm ngặt và hướng chéo tạo ấn tượng đặc biệt.

09. Nút chai


Một phông chữ rất vui tươi, nơi mọi nhân vật đều được chú ý. Tất cả điều này đại diện cho logo Cork'd.

10. Vimeo


Phông chữ in nghiêng đậm, gợi nhớ đến chữ viết tay. Một phông chữ gần như phổ biến sẽ phù hợp với mọi giao diện.

11. Cuối cùng.FM


Các ký tự hẹp rất tinh tế với các góc được bo tròn tạo nên một logo tuyệt vời phù hợp cho một trang web âm nhạc.

12. Công nghệ


Nếu logo Technorati bị loại bỏ khỏi nội dung của trang web thì khó có thể hiểu được logo này dùng để làm gì.

13. Flickr


Phông chữ được đặt theo tên người tạo ra nó, Adrian Frutiger, thường được sử dụng trong nhiều logo và chiến dịch quảng cáo. Ví dụ: logo Flickr rất phổ biến.

14. Youtube


Phông chữ chéo thẳng trên nền đỏ.

15. Google


Ở đây có chút gì đó thư pháp + chiều cao dòng tương phản. Chơi một chút với màu sắc và bạn sẽ nhận được bản sao chính xác Biểu tượng của Google.

16.Yahoo


Chà, phông chữ này dễ bị giả mạo nhất: nó sử dụng một phông chữ độc đáo có sẵn để tải xuống miễn phí.

17. Hulu


Không có chi tiết bổ sung: các đường nét mượt mà và các góc tròn cho phép chúng ta có được một logo hoàn toàn trang nhã.

18. TMZ


Logo TMZ thể hiện rất ứng dụng hiệu quả Phông chữ Amelia.

19. Đã liên kết


Myriad Pro Bold đã xuất hiện từ lâu với nhiều biến thể khác nhau, nhưng chính biến thể trên logo LinkedIn đã khiến nó trở nên phổ biến.

20. Skype


Những đường cong mượt mà của các biểu tượng hơi chồng lên nhau tạo nên sự kết hợp hoàn toàn độc đáo.

Phông chữ được sử dụng.

Như bạn đã biết, nền tảng của bất kỳ tài liệu quảng cáo, trang web hoặc quảng cáo nào đều là văn bản mang thông tin này hoặc thông tin kia cho một đối tượng mục tiêu cụ thể. Vì mỗi người chủ yếu tiếp nhận thông tin từ những gì họ đọc nên phông chữ trở thành công cụ quan trọng và thú vị nhất trong kho vũ khí của bất kỳ nhà thiết kế chuyên nghiệp nào tham gia vào nhiều lĩnh vực khác nhau, có thể là in ấn hoặc tạo trang web. Biết cách sử dụng chính xác một số phông chữ nhất định sẽ giúp truyền tải một số thông tin nhất định đến mọi người tốt hơn và do đó góp phần mang lại hiệu quả cao hơn cho hầu hết mọi dự án thiết kế.

Yêu cầu về phông chữ

Phông chữ ngày nay được coi là một phần không thể thiếu trong thiết kế, bởi vì bản thân các chữ cái, tạo nên thông tin văn bản nhất định, là những hình ảnh hoặc hình ảnh nhỏ được người đọc cảm nhận khác nhau. Một phông chữ nhất định có thể cải thiện thiết kế của bạn sản phẩm in ấn hoặc trang web và khiến một người hoàn toàn mất tập trung khỏi chủ đề nhất định và làm phức tạp việc nhận thức thông tin.

Vì vậy, mức độ dễ nhận biết trực quan phụ thuộc trực tiếp vào việc lựa chọn phông chữ. Hiện nay, phông chữ được sử dụng tích cực trong lĩnh vực thiết kế với nhiều biến thể khác nhau. Ví dụ: trên các trang Internet, ngoài thông tin văn bản đơn giản được trình bày thông qua việc sử dụng một số phông chữ nhất định, bạn thường có thể thấy các khối văn bản riêng biệt thay thế hình ảnh. Chúng được tạo ra bằng các kết hợp phông chữ thú vị và do đó, truyền tải thông tin cần thiết một cách trang nhã và đẹp mắt hơn, làm cho tài nguyên Internet trở nên phong cách và hiện đại. Phông chữ đẹp và trang trí công phu thường được sử dụng làm vật trang trí hoặc sự bổ sung tuyệt vờiđến những bức ảnh và bản vẽ.

Việc sử dụng phông chữ trong thiết kế phải tuân theo các quy tắc nhất định để chẳng hạn như người dùng truy cập tài nguyên Internet có thể dễ dàng đọc và cảm nhận chính xác nội dung của trang web. Có hai quy tắc hoặc yêu cầu chính đối với phông chữ được sử dụng:

- Trong trẻo

Đặc biệt, yêu cầu này xác định các tham số phông chữ như độ rộng của nét, sự hiện diện của serif, v.v. Phông chữ rõ ràng, dễ đọc cho phép người đọc nhanh chóng phân biệt một ký tự (chữ cái) này với ký tự khác. Rõ ràng, những phông chữ rườm rà, sặc sỡ với sự tô điểm quá mức sẽ không có độ rõ nét cao nhất nên gây chú ý ngay lập tức nhưng không thoải mái khi đọc dài dòng. Ngược lại, phông chữ với các chữ cái quen thuộc với mắt sẽ góp phần giúp bạn nhận thức tốt hơn về thông tin văn bản.

Độ rõ ràng cũng bị ảnh hưởng bởi khoảng cách của các ký tự - khoảng cách vừa phải giữa các chữ cái cho phép một người cảm nhận văn bản dễ dàng và nhanh hơn. Tuy nhiên, khoảng cách quá lớn giữa các chữ cái dẫn đến thực tế là các từ riêng lẻ và bản thân văn bản bắt đầu trông không hài hòa và không nhất quán. Ngoài ra, chiều cao chữ thường quá mức có thể làm giảm độ rõ ràng của một số chữ cái.

- Khả năng đọc

Yêu cầu quan trọng thứ hai đối với phông chữ được sử dụng trong thiết kế là khả năng đọc. Bạn có thể nghĩ rằng sự rõ ràng và dễ đọc là những khái niệm gần như giống hệt nhau, nhưng trên thực tế điều này không hoàn toàn đúng. Khả năng đọc xác định vị trí của phông chữ, ví dụ: trên trang web. Điều này tính đến các tham số như khoảng cách giữa các dòng liền kề của một đoạn văn (dòng đầu), kích thước khoảng cách giữa các chữ cái, màu sắc và kiểu dáng của văn bản. Tất cả các tham số này cung cấp một hoặc một mức độ khác về khả năng đọc thông tin văn bản.

Đảm bảo khả năng đọc văn bản thường là ưu tiên hàng đầu của nhà thiết kế và đôi khi bạn phải đưa ra lựa chọn có lợi cho khả năng đọc tốt hơn thay vì thiết kế có phong cách đẹp mắt. Để cải thiện khả năng đọc văn bản, phông chữ được thiết kế để giải quyết nhiệm vụ cụ thể, mà nhà thiết kế đang theo đuổi. Cái này phông chữ riêng lẻđối với các tiêu đề nhằm thu hút sự chú ý của người đọc, phông chữ dành cho khối văn bản chung tối ưu cho việc tải hình ảnh lâu dài.

Nhóm phông chữ

Ngày nay có rất nhiều phông chữ được sử dụng rộng rãi trong các lĩnh vực thiết kế khác nhau. Chúng có thể được phân loại theo nhiều tiêu chí khác nhau, tuy nhiên, dựa trên đặc điểm của phong cách, có thể phân biệt một số nhóm chính:

- Phông chữ Serif

Serif là những nét nhỏ hoặc dấu gạch ngang ở cuối hoặc ở đầu chữ cái. Các serif xác định một kiểu chữ rất đa dạng, đã được tạo ra qua nhiều thế kỷ. Serif không chỉ phục vụ chức năng thẩm mỹ thuần túy mà còn giúp mắt người “bắt” được văn bản và tạo khoảng cách cần thiết giữa các chữ cái. Phông chữ Serif được sử dụng trong các sản phẩm in ấn, sách và trang web. Đặc điểm chính của chúng là dễ đọc và có thể được sử dụng trong các khối văn bản lớn.

Serif giúp tạo cảm giác về các dòng dọc theo thông tin văn bản, giúp người đọc theo dõi văn bản một cách thoải mái hơn và do đó, dễ nhận biết hơn. Chúng cũng giúp tổ chức kết cấu ngang của phông chữ. Trong các tài liệu in, phông chữ serif thường được sử dụng nhiều nhất, vì trên một tờ giấy, văn bản được thiết kế bằng phông chữ như vậy sẽ dễ đọc hơn nhiều.

Phông chữ Serif được chia thành nhiều loại. Trước hết, đây là những ví dụ về phong cách cũ, được đặc trưng bởi các đường cong của các chữ cái và tính đồng nhất của chúng. Họ là nhất tùy chọn ưa thíchđể thiết kế các văn bản chiếm một phần quan trọng, vì những phông chữ như vậy được đặc trưng bởi sự vắng mặt ảo của bất kỳ sắc thái nào cản trở việc đọc và nhận thức thông tin nhanh chóng.

Tiếp theo là các phông chữ theo phong cách hiện đại, có điểm nhấn tương phản và phông chữ ngang mỏng hơn. Chúng trông đẹp khi thiết kế tiêu đề, nhưng trong các khối văn bản lớn, do sự chuyển đổi mạnh mẽ từ dòng dày sang dòng mỏng, việc sử dụng chúng sẽ làm giảm khả năng đọc của văn bản. Ngoài ra còn có cái gọi là phông chữ Ai Cập với sự chuyển đổi hầu như không đáng chú ý hoặc độ tương phản nhẹ từ dòng dày hơn sang dòng mỏng. Phông chữ kiểu Ai Cập là tối ưu để thiết kế các khối văn bản dài; chúng thường được sử dụng trong thiết kế các ấn phẩm dành cho trẻ em.

- Phông chữ sans serif

Nhóm tiếp theo là phông chữ sans serif. Họ thực sự không có sự nhấn mạnh thêm vào từng chữ cái dưới dạng áp lực khi chuyển tiếp suôn sẻ từ đường dày hơn đến đường mỏng hơn. Nhờ đặc điểm này họ có chiều rộng đồng đều tiến triển. Nếu phông chữ serif được khuyên dùng để thiết kế văn bản dài trên chất liệu giấy thì phông chữ sans serif sẽ có lợi hơn khi sử dụng trên Internet. Những phông chữ như vậy tạo ra tâm trạng trẻ trung, tươi mới, phong cách và hợp lý.

- Phông chữ viết tay

Các phông chữ trong nhóm này bắt chước chữ viết tay của con người. Chúng liên quan đến việc viết thông tin văn bản theo cách thủ công bằng bút lông hoặc bút thư pháp đặc biệt. Ở đây tất cả các chữ cái được kết nối với nhau. Thông thường, những phông chữ như vậy trông rất ấn tượng nhưng không tối ưu để sử dụng trong văn bản dài không phải do bản thân nó độ nét cao và khả năng đọc.

- Phông chữ trang trí

Đây là một nhóm phông chữ khá lớn và số lượng của chúng đang tăng lên hàng năm. Phông chữ trang trí có những đường nét khác thường và đôi khi là những dạng chữ xa hoa. Chúng được sử dụng theo liều lượng, chủ yếu để tạo ra các tiêu đề, logo và dòng chữ bắt mắt.

Lựa chọn phông chữ

TRONG Hiện nay nhà thiết kế chuyên nghiệp không gặp phải tình trạng thiếu phông chữ, họ có thể thoải mái lựa chọn trong vô số phông chữ Tùy chọn có sẵn. Nhưng chính vì sự đa dạng này, câu hỏi chọn phông chữ tối ưu cho một dự án cụ thể trở nên vô cùng khó khăn, bởi vì các nhà thiết kế thường phải mất một lượng thời gian rất lớn chỉ để xem qua các phông chữ mới xuất hiện thường xuyên.

Thậm chí không thể tưởng tượng được có bao nhiêu phông chữ đã xuất hiện cho đến nay. Ngoài sự cân bằng tối ưu giữa khả năng đọc và độ rõ ràng, để chọn phông chữ phù hợp, trước tiên nhà thiết kế phải tự hỏi mình muốn người đọc phản ứng với phông chữ như thế nào. Phông chữ phải đáp ứng yêu cầu của đối tượng mục tiêu cụ thể và một nhiệm vụ cụ thể mà nhà thiết kế phải đối mặt.

Đặc biệt, khi lập dự án thiết kế website về chủ đề trẻ em, giải pháp phong cách cho các trang Internet với gam màu pastel tinh tế, tinh tế và sang trọng thường được lựa chọn. Đương nhiên, phông chữ được chọn mỏng hơn và nhẹ hơn, sans serif, để phù hợp với nhận thức của trang web và nhấn mạnh quyết định về phong cách tổng thể. Nếu nó được tạo tờ rơi quảng cáo, dành riêng cho cuộc triển lãm của các nghệ sĩ theo trường phái ấn tượng trong phòng trưng bày nghệ thuật hoặc bảo tàng, thì phông chữ serif cổ điển sẽ thích hợp hơn.

Việc lựa chọn phông chữ phù hợp đóng một vai trò quan trọng trong công việc của một nhà thiết kế, vì sự khác biệt giữa các tính năng của phông chữ với các chi tiết cụ thể cũng như tâm trạng của dự án có thể dẫn đến thất bại hoàn toàn. Nhân tiện, hầu hết các phông chữ phổ biến hiện nay đều có đánh giá chi tiết, được thiết kế để giúp các nhà thiết kế hiểu phông chữ nào mang lại nhiều lợi nhuận hơn hoặc ngược lại, không được khuyến khích sử dụng trong một số trường hợp nhất định.

Những nhà thiết kế mới bắt đầu thường cố gắng trở nên nổi bật và cố gắng sử dụng nhiều màu sắc khác nhau và tất cả các loại hiệu ứng trang trí. Ví dụ: một số lượng lớn các phông chữ khác nhau trong cùng một thiết kế. Nhưng các nhà thiết kế chuyên nghiệp có kinh nghiệm thường giới hạn mình ở một phông chữ khi thiết kế thông tin văn bản. Ngoài ra, đôi khi họ sử dụng phông chữ được gọi là phông chữ bổ sung, phông chữ này thường được sử dụng nhiều nhất cho các tiêu đề và tiêu đề phụ. Hoặc, bằng cách sử dụng phông chữ chính, các phần cụ thể của thông tin văn bản sẽ được làm nổi bật bằng cách tăng độ tương phản so với phông chữ thứ hai, chuẩn hơn và quen thuộc hơn với mắt.

Nói chung là, đặt tối thiểu phông chữ cho phép bạn tuân theo nguyên tắc quan trọng về tính toàn vẹn và nhất quán trong thiết kế. Một dự án thiết kế không có các yếu tố trang trí đầy màu sắc, nhiều phong cách và sử dụng một số phông chữ hạn chế thực sự trông có ý nghĩa và hấp dẫn hơn nhiều đối với người đọc.

Tùy thuộc vào nhiệm vụ mà mình phải đối mặt, nhà thiết kế cố gắng chọn phông chữ phù hợp nhất với đặc điểm của dự án và có thể nổi bật so với phần còn lại. Việc sử dụng phông chữ một cách tùy tiện và không phù hợp có thể khiến người đọc xa lánh các tài liệu được tạo ra. Không có phông chữ hoàn hảo hoặc phổ quát. Bất kỳ phông chữ nào trong số nhiều phông chữ hiện có ngày nay đều có thể trông khác nhau trong phong cách tổng thể, và do đó các nhà thiết kế chuyên nghiệp luôn tiếp cận việc lựa chọn phông chữ một cách cẩn thận và thận trọng nhất.