Các không gian xung quanh văn bản in đậm cũng nên được in đậm?

Trong hình ảnh sau đây, văn bản trên cùng có khoảng trắng thông thường xung quanh từ in đậm bar, trong khi văn bản dưới cùng bao gồm các khoảng trắng theo kiểu in đậm:

Tôi đã thêm các dòng đánh dấu dọc màu đỏ để dễ dàng thấy rằng các từ không xếp hàng hoàn hảo. Đối với một số phông chữ, điều này dường như không tạo ra sự khác biệt, tuy nhiên đối với những người khác (như Avenir) thì không thành vấn đề.

Có một quy tắc chung về mà tôi nên thích? Nếu tôi làm một từ in đậm , tôi cũng nên làm cho cả hai khoảng trống xung quanh nó đậm?

(và nếu nó không mở rộng câu hỏi quá nhiều, vậy còn văn bản in nghiêng thay vì văn bản in đậm ) thì sao?

Không, không gian không được in đậm vì đó sẽ là ngữ nghĩa xấu. Một từ hoặc một từ có thể được in đậm, nhưng khoảng trắng xung quanh một từ thì không thể.

Điều này tách biệt với mọi suy nghĩ về thiết kế trực quan và độc lập với bất kỳ triển khai nào. Các ngữ nghĩa đến từ các nhà văn. Họ không phụ thuộc vào nhà thiết kế. Nhà thiết kế có các công cụ thiết kế trực quan để thực hiện thiết kế hình ảnh của họ. Một lần nữa, trong bất kỳ thực hiện.

Trong ví dụ của bạn, người viết đã viết:

foo **bar** baz

Sự thể hiện ở đây trong Markdown, nhưng nó được áp dụng trong bất kỳ môi trường viết nào .

Một nhà văn sẽ không có lý do để in đậm các khoảng trắng bởi vì không có lý do ngữ nghĩa để in đậm các khoảng trắng. Các văn bản in đậm xuất phát từ tâm trí nhà văn. Họ đang viết một từ (hoặc chạy từ) không phải là dấu cách.

Vì vậy, ví dụ HTML là trong HTML vì ví dụ của bạn là HTML, nhưng điều này áp dụng cho bất kỳ triển khai nào - của Markdown ở trên là:

foo <b>bar</b> baz

... và nó là sau khi thiết kế hình ảnh bắt đầu.

Nếu bạn vì một lý do nào đó muốn có thêm không gian xung quanh văn bản in đậm - và bạn đang làm việc với HTML như ví dụ của bạn ngụ ý - bạn sử dụng CSS hoặc JavaScript để sửa đổi DOM, bạn không phá hỏng ngữ nghĩa của HTML. Nếu bạn đang làm việc trong InDesign hoặc Illustrator hoặc bất kỳ môi trường thiết kế trực quan nào, điều tương tự cũng được áp dụng.

Nếu bạn nhìn vào một ví dụ bằng cách sử dụng văn bản thực tế thì rõ ràng hơn:

Nguy hiểm không ăn nội dung của gói.

Đây là từ "Nguy hiểm" có sự nhấn mạnh đậm. Không có gì khác.

Thành thật mà nói tôi không nghĩ nó thực sự quan trọng. Bất kỳ sự khác biệt về khoảng cách sẽ không đáng kể và không đáng chú ý. Tuy nhiên, đây là điều tôi thường làm.

Bất kỳ sự khác biệt về khoảng cách sẽ phụ thuộc vào phông chữ. Nếu có sự khác biệt, người thiết kế phông chữ đã đưa ra quyết định có ý thức để tạo ra sự khác biệt đó, vì vậy hãy sử dụng nó. Một phông chữ đậm theo định nghĩa rộng hơn so với đối trọng trọng lượng thông thường của nó, do đó, bất kỳ khoảng cách nào, có lẽ đã được tính toán cẩn thận để phù hợp với phông chữ đương nhiên sẽ cần phải rộng hơn như nhau. Không gian thêm sẽ (về lý thuyết) làm tăng tính dễ đọc và cân bằng của văn bản.

Một điều cần ghi nhớ là phải nhất quán. Nếu bạn sử dụng một không gian đậm ở một bên, hãy sử dụng nó ở bên kia. Không làm như vậy có thể làm cho văn bản trông không cân bằng. Trong rất nhiều chương trình nếu bạn nhấp đúp chuột để chọn một từ, nó sẽ chọn từ và dấu cách, vì vậy nếu bạn nhấp đúp và thay đổi phông chữ thành đậm, bạn sẽ kết thúc bằng một khoảng trắng bình thường và một khoảng trắng đậm sau.

Những người khác đã đưa ra quan điểm về việc nó không chính xác về mặt ngữ nghĩa. Điều này đúng nếu bạn đang làm việc với mã nguồn hoặc đánh dấu phải chính xác như đầu ra trực quan, nhưng đó là điểm chính.

Tóm lại - Không chắc ai sẽ chú ý theo bất kỳ cách nào, nhưng nếu bạn quan tâm - hãy sử dụng phông chữ theo dự định của nhà thiết kế, sử dụng các khoảng trắng đậm và sử dụng chúng một cách nhất quán.

Trên thực tế điều này có vấn đề và đó là một câu hỏi hay. Tôi đã có kinh nghiệm với một số thiết bị khi không gian trống không bị ép buộc như một thực thể với  nó sẽ hiển thị nội dung không chính xác nếu không gian tồn tại trong một cái gì đó như thẻ span.

Ví dụ, biểu foo barhiện như foobarkhi được mã hóa là:

<span class="bold">foo </span>bar

Một số ứng dụng, ví dụ InDesign, trên HTML và CSS xuất dưới dạng:

<span class="bold">This is Friday</span>

Nhìn chung, điều này có thể tùy thuộc vào nhà thiết kế nhưng nó nên được áp dụng trong quy trình làm việc cho tính chẵn lẻ. Tôi sẽ khuyến khích bạn kiểm tra xem nó sẽ được xử lý như thế nào trên sản phẩm hoàn thiện vì nó có thể đóng vai trò trong sự phát triển của bạn. Vì vậy, để trả lời câu hỏi của bạn, khi tôi phát triển bằng HTML, tôi không bao gồm các khoảng kết thúc hoặc bắt đầu bên trong các thẻ span của mình vì tôi đã có kinh nghiệm với chúng bị công cụ kết xuất bỏ qua từ một vài thiết bị.

Nếu bạn chọn bao gồm khoảng cách ở cuối hoặc đầu bên trong các thẻ của mình, tôi sẽ khuyến khích bạn viết mã như sau:

<span class="bold">foo&#160;</span>bar

Từ một khía cạnh phát triển, bạn nên xem xét hành vi phân tích cú pháp và khả năng sử dụng. Ví dụ, nếu bạn phát triển một từ điển và có kế hoạch phân tích các yếu tố nhất định có thể được kết hợp một phần cụ thể nếu bạn bao gồm khoảng cách bắt đầu và kết thúc trong một cái gì đó như thẻ span hoặc trong một yếu tố, nó có thể có kết quả quyết liệt về kết thúc.

Sau khi downvote

Bạn có thể downvote nếu bạn nghĩ nó phù hợp nhưng sự thật vẫn là điều này không thể được trích dẫn như một ưu tiên. Một số thiết bị trên thị trường bỏ qua cách thực hiện khoảng cách và mục đích của câu trả lời của tôi là đề cập rằng đại lộ mà nội dung sẽ được xem phải là một yếu tố trong quyết định và cách tạo ra nó. Cá nhân, khi tôi phát triển nội dung, tôi sẽ xem xét cách nó được xem trong một ứng dụng, được in hoặc trên một trang web và OP cũng nên xem xét điều đó.

Sau khi tôi nói điều này không dành cho web, nó vẫn đi vào phương tiện sẽ tạo ra một vấn đề. Nếu không thì hãy làm điều đó nhưng chấp nhận ngang giá. Nếu có, sau đó làm theo cách mà nó đi ra chính xác.

Điều này tùy thuộc vào nhà thiết kế, nhưng cuối cùng có rất ít tầm quan trọng trong hầu hết các trường hợp.

Về mặt thiết kế, nó tạo ra rất ít sự khác biệt cho dù các phần đầu hoặc phần in đậm (hoặc in nghiêng) có đậm hay không. Hiệu ứng duy nhất của nó là khoảng cách giữa các từ (tôi tin rằng thuật ngữ thiết kế vẫn là khoảng cách chữ nhưng tôi thích gọi nó là khoảng cách từ ). Lượng không gian ảnh hưởng đến "tần số" (xem bài viết này ) của bản in. Tuy nhiên, trong hầu hết các trường hợp, sự khác biệt này chỉ gây ra trong phần không gian dẫn đầu hoặc dấu in đậm hoặc in nghiêng là không đáng kể đến mức có thể bỏ qua một cách an toàn.

Không gian đậm có chiếm nhiều không gian hơn không gian không đậm hay không phụ thuộc vào phông chữ được sử dụng. Một số phông chữ làm cho tất cả chúng có cùng kích thước, một số khác làm cho không gian in đậm rộng hơn một chút. Bạn sẽ phải kiểm tra xem phông chữ bạn đang sử dụng là gì (nếu bạn quan tâm).

Trường hợp duy nhất tôi có thể nghĩ ở đó nó thực sự có thể quan trọng là trong trường hợp kích thước phông chữ thực sự lớn, chẳng hạn như các tiêu đề. Trong trường hợp này, lượng chênh lệch có thể đáng kể hơn do quy mô lớn hơn. Tuy nhiên, với các văn bản lớn như thế này, các nhà thiết kế nên xem qua nó và có thể điều chỉnh khi cần thiết.

Tôi khuyên bạn nên đi với bất cứ điều gì dễ dàng hơn nhưng quan trọng nhất là kiên định . Có xu hướng thêm không gian (bao gồm cả in đậm).

Như đã nói, nếu bạn đang sử dụng một số ngôn ngữ đánh dấu như HTML thì việc thêm vào phần bổ sung này dẫn đầu hoặc theo dõi một phần in đậm bằng ngôn ngữ tạo kiểu như CSS thay vì bao gồm khoảng trắng bên trong thẻ được in đậm.

Được rồi, tôi nghĩ bây giờ tôi đã hiểu và đây là một câu hỏi thú vị mặc dù phức tạp, đó là lý do tại sao các câu trả lời ở khắp mọi nơi. Hy vọng trong trí tuệ vô hạn của tôi (đọc: tâm trí thiếu ngủ) tôi có thể làm rõ

Markup, HTML, LaTeX --- những điều này quan trọng nhưng bây giờ bạn đang nghĩ về chúng như thế nào.

Ví dụ: chúng tôi có, giống như bạn đã sử dụng trong ví dụ ban đầu của mình:

• HTML: The <b>cat</b> died last night!
• Đánh dấu The **cat** died last night!
• BBCode: The [b]cat[/b] died last night!

Hoặc bạn có thể có:

• HTML: The<b> cat </b> died last night!
• Đánh dấu The** cat **died last night!
• BBCode: The[b] cat [/b]died last night!

Bây giờ bạn nói bạn không hỏi về HTML chỉ thiết kế. Nhưng đó là nơi hơi khó hiểu nên tôi sẽ cố gắng giải thích. In đậm là một chức năng của ngữ nghĩa (giống như Simon đang cố gắng giải thích là tốt). Bất kể hệ thống nào bạn đang sử dụng một cái gì đó phải bảo nó được in đậm.

Điều bạn thực sự muốn hỏi: Có nên tăng dung lượng khi sử dụng phông chữ mạnh hơn không?

Vì vậy, có nên tăng dung lượng khi sử dụng phông chữ dày hơn?

Đó là tùy thuộc vào nhà thiết kế. Mở rộng một loạt các chữ cái trong một ứng dụng bạn chọn và sắp xếp chúng theo cách bạn thấy phù hợp. Không có quy tắc nghiêm ngặt về điều này.

Xem không có dấu cách đậm vì không có ký tự khoảng trắng nào ở đây, chỉ có các chữ cái được ném trên một trang:

Gần hơn một chút, xa hơn một chút, giống nhau ... đó là tất cả tùy thuộc vào nhà thiết kế.

Độ rộng của mỗi glyph (bao gồm cả khoảng trắng) được xác định bởi trình thiết kế phông chữ bên trong kiểu chữ. Trong trường hợp của Avenir, nhà thiết kế đã chọn tăng chiều rộng của không gian để duy trì khoảng cách tương đối giữa hai từ khi trọng lượng tăng, nhưng nhà thiết kế gần như chắc chắn không thiết kế phông chữ với trọng số hỗn hợp trong một câu.

Vì vậy, không có câu trả lời đúng; không gian là chiều rộng để nhìn đúng giữa các từ có cùng trọng lượng phông chữ. Bạn sẽ phải sử dụng phán đoán của riêng bạn về những việc cần làm trong trường hợp cụ thể của bạn bởi vì người đánh máy không làm điều đó cho bạn. Điều duy nhất mà bạn chắc chắn nên làm là sử dụng khoảng trắng in đậm giữa các từ in đậm.

Có thể thích hợp để tưởng tượng sử dụng hai kiểu chữ hoàn toàn khác nhau, mỗi kiểu có khoảng cách rất khác nhau; bạn có thể nói rằng thực sự không có câu trả lời đúng rõ ràng nào về việc sử dụng số liệu phông chữ nào giữa hai từ.