Должны ли также быть жирными выделены пробелы вокруг жирного текста?

На следующем рисунке верхний текст имеет регулярные пробелы вокруг жирного слова bar, тогда как нижний текст содержит пробелы в жирном стиле:

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

Есть ли общее правило, о котором я бы предпочел? Если я выделю слово жирным шрифтом , должен ли я сделать жирным оба поля вокруг него?

(и если это не расширяет вопрос слишком много, как насчет курсивного текста вместо жирного текста)?

Нет, пробелы не должны быть жирными, потому что это будет плохой семантикой. Слово или последовательность слов могут быть выделены жирным шрифтом, но пробелы вокруг слова не могут.

Это отдельно от любых мыслей о визуальном дизайне и не зависит от какой-либо реализации. Семантика исходит от писателя. Они не до дизайнера. Дизайнер имеет инструменты визуального дизайна, чтобы сделать их визуальный дизайн. Опять же в любой реализации.

В вашем примере писатель написал:

foo **bar** baz

… Показано здесь в Markdown, но оно применимо в любой письменной среде .

У автора не будет причин выделять эти пробелы, потому что нет смысла семантически выделять эти пробелы. Жирный текст приходит из головы писателей. Они выделяют слова (или слова), а не полужирные пробелы.

Таким образом, HTML-пример написан на HTML, потому что ваш пример на HTML, но это применимо к любой реализации - приведенная выше Markdown:

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!
• BB-кода: The [b]cat[/b] died last night!

Или вы могли бы иметь:

• HTML: The<b> cat </b> died last night!
• Разметка: The** cat **died last night!
• BB-кода: The[b] cat [/b]died last night!

Теперь вы говорите, что спрашиваете не о HTML, а о дизайне. Но это немного сбивает с толку, поэтому я попытаюсь объяснить. Жирным шрифтом является функция семантики (которую Саймон тоже пытается объяснить). Независимо от того, какую систему вы используете, вы должны сказать, что это должно быть жирным шрифтом.

Что вы действительно хотите спросить: следует ли увеличить пространство при использовании более сильного шрифта?

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

Это до дизайнера. Разверните связку букв в приложении по вашему выбору и расположите их так, как считаете нужным. Здесь нет строгих правил.

Смотрите, здесь нет полужирных пробелов, потому что здесь вообще нет пробелов, есть только буквы, брошенные на страницу:

Немного ближе, чуть дальше, то же самое ... это все зависит от дизайнера.

Ширина каждого глифа (включая пробел) определяется дизайнером шрифта внутри гарнитуры. В случае Авенира дизайнер решил увеличить ширину пространства, чтобы сохранить относительный интервал между двумя словами при увеличении веса, но дизайнер почти наверняка не разработал шрифт со смешанными весами в одном предложении.

Поэтому нет правильного ответа; пробел - это ширина, которую нужно искать между словами одного и того же веса шрифта. Вы должны будете использовать свое собственное суждение о том, что делать в вашем конкретном случае, потому что типограф не сделал это для вас. Единственное, что вам определенно следует сделать, это использовать жирный шрифт между жирными словами.

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