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

18

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

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

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

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

typography text

— кукурузные стебли
источник

Ваше изображение из html / css? Я почти уверен, что html / css дает одинаковую ширину для обеих ваших наценок. По сути, в html / css нет жирного пространства, о котором я знаю, но я ни в коем случае не веб-дизайнер (CC: @ZachSaucier)

— Райан

Этот вопрос не относится к сети. Я просто добавил HTML-эквивалент текста, чтобы прояснить, что пробелы были включены в выделение жирным шрифтом; Я открыт для лучших способов прояснить это.

— Cornstalks

4

@ Cornstalks, честно говоря, я бы отредактировал и удалил разметку из вопроса, я думаю, что это отвлекает людей от сути вопроса

— Cai

1

Я на самом деле не думаю, что HTML должен был быть удален. Я думаю, что другие наценки должны были быть добавлены. Или весь вопрос перефразирован. Смотрите мой ответ, который, надеюсь, является последовательным

— Райан

3

Если бы это было задано подчеркиванием, а не полужирным шрифтом, все согласились бы с тем, что делать ... Однако в этом случае вы можете подумать о следующем: что если жирный шрифт имеет (значительно) более широкие пробелы в дизайне? Одного слово все равно выглядит хорошо, но пространство в двух словах внутри обычного текста будет выглядеть странно - и то я бы , наверное , заменить пространство с не-смелым, и оставляет за собой «смелое» пространство только для целых полужирных предложений.

— usr2564301

11

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

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

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

foo **bar** baz

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

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

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

foo <b>bar</b> baz

… И именно после этого начинается визуальный дизайн.

Если по какой-то причине вам нужно дополнительное пространство вокруг жирного текста - и вы работаете в HTML, как показывает ваш пример - вы используете CSS или JavaScript для изменения DOM, вы не разрушаете семантику HTML. Если вы работаете в InDesign или Illustrator или в любой среде визуального дизайна, применяется то же самое.

Если вы посмотрите на пример с использованием фактического написания, это будет понятнее:

Опасность не есть содержимое пакета.

... это слово «Опасность» имеет жирный акцент. Ничего больше.

— Саймон Уайт
источник

2

ОП спрашивает об этой ситуации с точки зрения визуального дизайна , поэтому ваш ответ о предпочтениях разметки не имеет значения

— Зак Сауцер

2

Я рассматриваю визуальный дизайн - вы добавляете лишние пробелы, если вы хотите их через правила CSS, вы не добавляете их в HTML. То же самое, что вы не добавляете интервал между словами, помещая в HTML несколько неразрывных пробелов. Если бы вопрос состоял в том, «добавить ли межстрочный интервал, вставив несколько неразрывных пробелов?», Ответ был бы аналогичным: HTML остается семантическим, визуальный дизайн выполняется по правилам CSS.

— Саймон Уайт

3

Зак прав, что разметка не имеет ничего общего с вопросом. Разметка используется только для иллюстрации значения OP. Я согласен, что это будет семантически плохая разметка, но это не имеет значения.

— Cai

1

Я думаю, может быть, вы видите слово «семантический» и думаете, что это специфический для HTML термин. Не то. Это относится ко всем письмам. Примеры, которые я использую, сделаны в HTML, потому что это пример, который использовал спрашивающий. Но это относится к любой реализации. Если вы работаете в InDesign, у вас все еще есть рукопись от автора, вы все равно изменяете интервалы с помощью инструментов визуального оформления в InDesign, а не манипулируете семантикой текста.

— Саймон Уайт,

1

Вне HTML или любого другого программирования, я не думаю, что семантика - то, как вы говорите об этом - имеет значение почти так же. Я часто добавляю дополнительные разрывы абзацев или пробелы при работе в печати. Это не семантически правильно, но намного быстрее и проще, если у вас мало времени, и на самом деле это ни на что не влияет.

— Cai

6

Честно говоря, я не думаю, что это действительно имеет значение. Любая разница в расстоянии будет незначительной и незаметной. Тем не менее, это то, что я обычно делаю.

Любая разница в расстоянии будет зависеть от шрифта. Если есть разница, дизайнер шрифтов принял осознанное решение, так что используйте его. Жирный шрифт по определению шире, чем его обычный аналог, поэтому любой интервал, который, вероятно, был тщательно рассчитан для соответствия шрифту, естественно, должен быть одинаково шире. Дополнительное пространство (в теории) увеличит разборчивость и баланс текста.

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

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

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

— Cai
источник

«Любая разница в расстоянии будет незначительной», но где есть разница, может быть достаточно изменить другие функции, такие как перенос слов?

— MrWhite

5

«… Если вам все равно - используйте шрифт, как задумано его дизайнером, используйте жирный шрифт» Конечно, дизайнер решил увеличить шрифт жирным шрифтом - но это для пробелов внутри жирного текста, то есть между двумя словами, выделенными жирным шрифтом. Мы не знаем, какой интервал дизайнер выбрал для пробелов между одним жирным и одним не жирным словом.

— Питер ЛеФану Лумсдайн

5

На самом деле это имеет значение, и это хороший вопрос. У меня был опыт работы с некоторыми устройствами, когда пустое пространство не было принудительным, поскольку объект с  ним отображал бы содержимое неправильно, если пространство существовало в чем-то вроде тега 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 или в элементе, это может привести к радикальным результатам в конце.

После понижения

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

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

— DᴀʀᴛʜVᴀᴅᴇʀ
источник

1

Получу ли я хотя бы объяснение, почему понизился голос?

— DᴀʀᴛʜVᴀᴅᴇʀ

Я предполагаю, что это от сосредоточения на стороне реализации

— Зак Saucier

1

Сторона имплантации всегда должна быть фактором в конечном продукте, потому что она может показать, как он разрабатывается.

— DᴀʀᴛʜVᴀᴅᴇʀ

1

Согласовано! Хотя я не думаю, что в центре этого вопроса

— Зак Заусье

1

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

— Cai

4

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

С точки зрения дизайна не имеет большого значения, являются ли полевые или конечные полужирные (или курсивные) участки жирным шрифтом или нет. Единственный эффект, который он имеет, - это расстояние между словами (я считаю, что терминология дизайна по-прежнему является межбуквенным, но мне нравится называть это межсловным интервалом ) Количество места влияет на «частоту» (см. Эту статью ) печати. Однако в большинстве случаев это различие, вызываемое только в начальных или конечных разделах, выделенных жирным или курсивом, настолько незначительно, что его можно смело игнорировать.

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

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

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

С учетом вышесказанного, если вы используете какой-то язык разметки, такой как HTML, более семантически целесообразно добавить эту дополнительную комнату, ведущую или завершающую жирный раздел, используя язык стилей, такой как CSS, вместо включения пространства внутри тега, который сделан жирным.

— Зак Соусье
источник

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

— Саймон Уайт,

2

@SimonWhite Речь идет о визуальном дизайне, а не о разметке

— Зак Saucier

Вы не делаете визуальный дизайн в HTML. Вот для чего CSS. Вопрос включает примеры разметки, которые являются примерами плохой разметки.

— Саймон Уайт

2

@SimonWhite Он не спрашивает ни о HTML, ни о CSS. Он спрашивает о жирном пространстве с точки зрения дизайна, который является целью этого сайта

— Зак Saucier

Его пример реализации находится в HTML. Так появился HTML. Если бы пример был в Illustrator, мы могли бы говорить в этих терминах. Однако ответ все тот же: вы не выделяете жирным шрифтом пробелы, потому что в написании нет такой смысловой вещи, как жирный пробел . Писатели не пишут их. Если вы хотите изменить расстояние между словами - в любой реализации - вы не просматриваете текст и не добавляете лишние пробелы между каждым словом, вы используете инструменты визуального дизайна , чтобы увеличить расстояние между словами. То же самое относится и к пространству вокруг жирного текста, будь то HTML, InDesign, Illustrator или любая другая реализация.

— Саймон Уайт

3

Хорошо, я думаю, что теперь понимаю, и это интересный, хотя и сложный вопрос, поэтому ответы повсюду. Надеюсь, в моей бесконечной мудрости (читай: лишенный сна ум) я могу уточнить

Разметка, 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, а о дизайне. Но это немного сбивает с толку, поэтому я попытаюсь объяснить. Жирным шрифтом является функция семантики (которую Саймон тоже пытается объяснить). Независимо от того, какую систему вы используете, вы должны сказать, что это должно быть жирным шрифтом.

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

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

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

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

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

— Райан
источник

1

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

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

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

— Кит Гроуз
источник