Чи слід також робити пробіли навколо жирного тексту жирним шрифтом?

На наступному зображенні верхній текст має регулярні пробіли навколо жирного слова bar, тоді як нижній текст містить пробіли у жирному стилі:

Я додав червоні вертикальні маркери, щоб було легше зрозуміти, що слова не вирівнюються ідеально. Для деяких шрифтів це, мабуть, не має значення, однак для інших (як Avenir) це має значення.

Чи існує загальне правило, якому я повинен віддати перевагу? Якщо я роблю слово жирним шрифтом , чи слід також робити обидва пробіли навколо нього жирним шрифтом?

(і якщо це питання не надто розширює питання, що робити з курсивом замість жирного тексту)?

Ні, пробіли не повинні бути жирними, оскільки це було б поганою семантикою. Слово або біг слів можна виділити жирним шрифтом, але пробіли навколо слова не можуть.

Це окремо від будь-яких думок візуального дизайну і не залежить від будь-якої реалізації. Семантика походить від письменника. Їм не до дизайнера. У дизайнера є інструменти візуального дизайну, щоб зробити їх візуальний дизайн. Знову ж таки, у будь-якій реалізації.

У вашому прикладі письменник написав:

foo **bar** baz

… Показано тут у Markdown, але він застосовується в будь-якому середовищі письма .

У письменника не було б підстав жирних пробілів, тому що немає смислової причини для жирного пробілу. Сміливий текст походить від письменницької думки. Вони підкреслюють жирне слово (або біг слів), не виділяючи пробіли.

Отже, приклад HTML - у HTML, тому що ваш приклад - у HTML, але це стосується будь-якої реалізації - вищевказаного відмітки є:

foo <b>bar</b> baz

… І саме після цього починається візуальний дизайн.

Якщо ви чомусь хотіли зайвого місця навколо жирного тексту - і ви працюєте в HTML, як випливає з прикладу - ви використовуєте CSS або JavaScript для зміни DOM, ви не руйнуєте семантику HTML. Якщо ви працюєте в InDesign або Illustrator або будь-якому середовищі візуального дизайну, те саме стосується.

Якщо ви подивитесь на приклад, використовуючи фактичне написання, то зрозуміліше:

Небезпечно не їсти вміст пакета.

... саме слово «небезпека» має наголос. Більш нічого.

Чесно кажучи, я не думаю, що це насправді має значення. Будь-яка різниця в інтервалі буде незначною і не помітною. Однак це я звичайно роблю.

Будь-яка різниця в інтервалі буде залежати від шрифту. Якщо є різниця, дизайнер шрифтів прийняв свідоме рішення змінити цю різницю, тому використовуйте це. Жирний шрифт за визначенням ширший, ніж його звичайний ваговий аналог, тому будь-який інтервал, який, ймовірно, був розрахований ретельно, щоб відповідати шрифту, природно, повинен бути однаково ширшим. Додатковий простір (теоретично) підвищить розбірливість і врівноваженість тексту.

Одне, що потрібно пам’ятати, - це бути послідовними. Якщо ви використовуєте жирний пробіл на одній стороні, використовуйте і його з іншого. Якщо цього не зробити, текст може виглядати незбалансованим. У багатьох програмах, якщо двічі клацнути, щоб вибрати слово, воно вибере слово та пробіл, тож якщо ви двічі клацніть та зміните шрифт на жирний, ви отримаєте звичайний пробіл до і жирний пробіл після.

Інші запевняють, що це семантично неправильно. Це справедливо, якщо ви працюєте з вихідним кодом або розміткою, яка повинна бути однаково правильною, як і візуальний вихід, але це знаходиться поза точкою.

Підсумовуючи це - навряд чи хтось коли-небудь помітить будь-який спосіб, але якщо вам все одно - використовуйте шрифт за задумом його дизайнера, використовуйте жирні пробіли та використовуйте їх послідовно.

Насправді це має значення, і це хороше питання. Я мав досвід роботи з деякими пристроями, коли порожній простір не змушений бути сутністю,  оскільки воно буде виводити вміст неправильно, якщо простір існував би як тег "span".

Наприклад, foo barрендерінг як foobarколи кодується як:

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

Деякі програми, наприклад InDesign, у HTML та CSS експортують його як:

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

Загалом, це може залежати від проектувальника, але це повинно бути прийнято в робочому процесі для паритету. Я б закликав вас перевірити, як з цим буде поводитися з готовим продуктом, оскільки він може зіграти фактор вашого розвитку. Отже, щоб відповісти на ваше запитання, коли я розробляю за допомогою HTML, я не включаю кінцеві та початкові пробіли всередині моїх тегів span, оскільки я мав досвід їх ігнорування двигуном візуалізації з декількох пристроїв.

Якщо ви вирішите включити пробіли в кінці або на початку всередині тегів, я б рекомендував вам ввести такий код:

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

З боку розвитку, ви повинні врахувати розбір поведінки та зручності використання. Наприклад, якщо ви розробляєте словник і плануєте розбирати певні елементи, які могли б бути включені в певний розділ, якщо ви включаєте початок і кінець інтервалу в щось на зразок тегів span або в елементі, це може мати кардинальні результати в кінці.

Після голосування

Ви можете подати заяву, якщо вважаєте, що це було доречно, але факт залишається фактом, що це не можна вказати як перевагу. Кілька пристроїв на ринку ігнорують, як виконується інтервал, і метою моєї відповіді було зазначити, що напрямок, який переглядатиме вміст, повинен бути фактором прийняття рішення та способів його створення. Особисто, коли я розробляю контент, я враховую, як він переглядається в додатку, друкується чи на сайті, і така ОП повинна також враховувати це.

Після того, як мені сказали, що це не для Інтернету, він все ще зводиться до середовища, в якому збирається створити проблему. Якщо ні, то зробіть це все одно, але приймайте паритет. Якщо це так, то зробіть це так, щоб вийшло правильно.

Це залежить від дизайнера, але в кінцевому підсумку має дуже мало значення в більшості випадків.

Що стосується дизайну, це має дуже мало значення, чи жирні проміжки, що ведуть або мають кінцеві шрифти (або курсивом), є жирними чи ні. Єдиний ефект, який він має, - це проміжок між словами (я вважаю, що термінологія дизайну все ще є міжрядковим інтервалом, але я люблю називати це інтервалом у словах ). Кількість місця впливає на "частоту" (див. Цю статтю ) друку. Однак у більшості випадків ця різниця, спричинена лише у просторі, що веде або відкладає жирний або курсивний відрізки, настільки мізерна, що її можна сміливо ігнорувати.

Будь-який жирний простір займає більше місця, ніж нежирний простір, залежить від використовуваного шрифту. Деякі шрифти роблять їх однакового розміру, інші - жирні пробіли трохи ширшими. Вам доведеться протестувати, щоб побачити, що робить шрифт, який ви використовуєте (якщо вам все одно).

Єдиний випадок, який я можу вважати, що це дійсно може мати значення - це у випадку дійсно великих розмірів шрифту, таких як заголовки. У цьому випадку величина різниці може бути більш значною через більший масштаб. Однак з такими великими текстами дизайнери все одно повинні переглядати його і можуть вносити корективи за потребою.

Я рекомендую їхати з тим, що простіше, але головне дотримуватися послідовності . Прагніть додати більше місця (включаючи їх жирним шрифтом).

Зважаючи на це, якщо ви використовуєте якусь мову розмітки, як HTML, більш семантично правильно додати цю додаткову кімнату, що веде або відкладає жирний розділ, використовуючи мову стилів, як CSS, замість того, щоб містити пробіл всередині тегу, який зроблено жирним шрифтом.

Гаразд, я думаю, що зараз я розумію, і це цікаве, хоча складне питання, і саме тому відповіді всюди. Сподіваюся, у своїй безмежній мудрості (читайте: розум позбавлений розуму) я можу уточнити

Розмітка, HTML, LaTeX --- вони мають значення, але тепер, як ви зараз думаєте про них.

Наприклад, у нас, як і у вашому початковому прикладі:

• HTML: The <b>cat</b> died last night!
• Розмітка: The **cat** died last night!
• BBCode: The [b]cat[/b] died last night!

Або ви могли:

• HTML: The<b> cat </b> died last night!
• Розмітка: The** cat **died last night!
• BBCode: The[b] cat [/b]died last night!

Тепер ви кажете, що не питаєте про HTML лише дизайн. Але це дещо заплутано, тому я спробую пояснити. Сміливий - це функція семантики (як це намагається пояснити і Саймон). Незалежно від того, в якій системі ви щось використовуєте, ви повинні говорити, що це сміливо.

Що ви насправді хочете запитати: чи слід збільшувати простір при використанні більш сильного шрифту?

Отже, чи слід збільшувати простір при використанні більш товстого шрифту?

Це до дизайнера. Розгорніть купу букв у вибраній програмі та оформіть їх, як вважаєте за потрібне. На цьому немає суворого правила.

Дивіться, що немає жирних пробілів, тому що тут взагалі немає пробілів, на сторінці є лише букви, що перекидаються:

Трохи ближче, трохи далі, те саме ... це все залежить від дизайнера.

Ширина кожного гліфа (включаючи пробіл) визначається дизайнером шрифту всередині шрифту. У випадку Avenir дизайнер вирішив збільшити ширину простору, щоб зберегти відносний проміжок між двома словами, коли вага збільшується, але дизайнер майже напевно не спроектував шрифт із змішаною вагою в одному реченні.

Отже, правильної відповіді немає; простір - це ширина, яку слід шукати прямо між словами однакової ваги шрифту. Вам доведеться скористатись власним судженням про те, що робити у вашому конкретному випадку, оскільки друкар не зробив це за вас. Єдине, що ви обов'язково повинні зробити, це використовувати жирні пробіли між жирними словами.

Може бути доречним уявити використання двох абсолютно різних шрифтів, кожен з дуже різними інтервалами; Ви можете сказати там, що насправді немає чіткої правильної відповіді про те, які метрики шрифту використовувати між двома словами.