¿Deberían los espacios alrededor del texto en negrita ser en negrita también?

18

En la siguiente imagen, el texto superior tiene espacios regulares alrededor de la palabra en negrita bar, mientras que el texto inferior incluye los espacios en negrita:

espacios en negrita

Agregué líneas rojas de marcador vertical para que sea más fácil ver que las palabras no se alinean perfectamente. Para algunas fuentes, esto no parece hacer una diferencia, sin embargo, para otras (como Avenir) sí importa.

¿Hay alguna regla general sobre cuál preferiría? Si pongo una palabra en negrita , ¿también debo poner en negrita los dos espacios a su alrededor?

(y si no amplía demasiado la pregunta, ¿qué pasa con el texto en cursiva en lugar del texto en negrita )?

Tallos de maiz
fuente
¿Es su representación de html / css? Estoy bastante seguro de que html / css le da el mismo ancho exacto para sus dos marcas. Básicamente no hay ningún espacio en negrita en html / css que conozca, pero de ninguna manera soy un diseñador web (CC: @ZachSaucier)
Ryan
Esta pregunta no es específica de la web. Acabo de agregar el equivalente HTML del texto para tratar de dejar en claro que los espacios se incluyeron en el estilo en negrita; Estoy abierto a mejores formas de aclararlo.
Cornstalks
44
@Cornstalks honestamente, editaría y eliminaría el marcado de la pregunta, creo que distrae a la gente del punto :)
Cai
1
De hecho, no creo que se haya eliminado el HTML. Creo que otros márgenes deberían haberse agregado. O toda la pregunta reformulada. Mira mi respuesta que con suerte es coherente
Ryan
3
Si se le preguntara sobre subrayado, en lugar de negrita, todos estarían de acuerdo sobre qué hacer ... En este caso, sin embargo, es posible que desee considerar esto: ¿qué pasa si la fuente en negrita tiene (significativamente) espacios más amplios por diseño? Una sola palabra aún se vería bien, pero el espacio en dos palabras dentro del texto normal se vería extraño, y luego probablemente reemplazaría el espacio por uno no en negrita, y reservaría el espacio "en negrita" solo para oraciones en negrita completas.
usr2564301

Respuestas:

11

No, los espacios no deben estar en negrita porque eso sería una mala semántica. Una palabra o una serie de palabras pueden aparecer en negrita, pero los espacios alrededor de una palabra no.

Esto es independiente de cualquier pensamiento de diseño visual e independiente de cualquier implementación. La semántica proviene del escritor. No están a la altura del diseñador. El diseñador tiene herramientas de diseño visual para hacer su diseño visual. De nuevo, en cualquier implementación.

En su ejemplo, el escritor escribió:

foo **bar** baz

... se muestra aquí en Markdown, pero se aplica en cualquier entorno de escritura .

Un escritor no tendría ninguna razón para poner en negrita los espacios porque no hay ninguna razón semántica para poner en negrita los espacios. El texto en negrita proviene de la mente de los escritores. Están en negrita una palabra (o una serie de palabras) no en negrita espacios.

Entonces, el HTML (el ejemplo está en HTML porque su ejemplo está en HTML, pero esto se aplica a cualquier implementación ) del Markdown anterior es:

foo <b>bar</b> baz

... y es después de eso cuando comienza el diseño visual.

Si por alguna razón deseaba espacio adicional alrededor del texto en negrita, y está trabajando en HTML como su ejemplo lo indica, usa CSS o JavaScript para modificar el DOM, no destruye la semántica del HTML. Si está trabajando en InDesign o Illustrator o en cualquier entorno de diseño visual, se aplica lo mismo.

Si nos fijamos en un ejemplo usando la escritura real, es más claro:

Peligro no comer contenido del paquete.

... es la palabra "Peligro" que tiene el énfasis en negrita. Nada más.

Simon White
fuente
2
El OP pregunta por esta situación en términos de diseño visual , por lo que su respuesta sobre la preferencia de marcado es irrelevante
Zach Saucier
2
Cubro el diseño visual: agrega los espacios adicionales si los desea a través de reglas CSS, no los agrega en el HTML. Igual que no agrega espaciado de palabras al poner múltiples espacios que no se rompen en el HTML. Si la pregunta fuera "¿agrego espaciado de palabras al poner múltiples espacios que no se rompen?", La respuesta estaría estructurada de manera similar: el HTML sigue siendo semántico, el diseño visual se realiza con reglas CSS.
Simon White
3
Zach tiene razón en que el marcado no tiene nada que ver con la pregunta. El marcado solo se está utilizando para ilustrar lo que significa el OP. Estoy de acuerdo en que semánticamente sería un mal marcado, pero eso es irrelevante.
Cai
1
Creo que tal vez estás viendo la palabra "semántica" y estás pensando que es un término específico de HTML. No lo es. Se aplica a toda la escritura. Los ejemplos que uso se hacen en HTML porque ese es el ejemplo que utilizó el interrogador. Pero se aplica a cualquier implementación. Si está trabajando en InDesign, todavía tiene un manuscrito de un escritor, aún modifica el espaciado con las herramientas de espaciado de diseño visual en InDesign en lugar de burlarse de la semántica del texto.
Simon White
1
Fuera del HTML o cualquier otra programación, no creo que la semántica, la forma en que se habla al respecto, sea tan importante. A menudo agrego saltos de párrafo adicionales o espacios, etc. cuando trabajo en forma impresa. No es semánticamente correcto, pero es mucho más rápido y fácil si tiene poco tiempo y realmente no afecta nada.
Cai
6

Honestamente, no creo que realmente importe. Cualquier diferencia en el espacio será insignificante y no se notará. Sin embargo, esto es algo que normalmente hago.

Cualquier diferencia en el espacio dependerá de la fuente. Si hay una diferencia, el diseñador de fuentes tomó una decisión consciente de hacer esa diferencia, así que úsela. Una fuente en negrita es, por definición, más ancha que su contraparte de peso normal, por lo tanto, cualquier espacio, que probablemente se haya calculado cuidadosamente para ajustarse a la fuente, naturalmente deberá ser igualmente más ancho. El espacio extra (en teoría) aumentará la legibilidad y el equilibrio del texto.

Una cosa a tener en cuenta es ser consistente. Si usa un espacio en negrita en un lado, úselo también en el otro. De lo contrario, el texto podría verse desequilibrado. En muchos programas, si hace doble clic para seleccionar una palabra, seleccionará la palabra y el espacio final, por lo que si hace doble clic y cambia la fuente a negrita, terminará con un espacio normal antes y un espacio en negrita después.

Otros han señalado que es semánticamente incorrecto. Esto es cierto si está trabajando con código fuente o marcado que tiene que ser igual de correcto que el resultado visual, pero eso no viene al caso.

En resumen: es poco probable que alguien se dé cuenta de alguna manera, pero si le importa, use la fuente según lo previsto por su diseñador, use espacios en negrita y úselos de manera consistente.

Cai
fuente
"Cualquier diferencia en el espaciado será insignificante", pero si hay una diferencia, ¿podría ser suficiente para cambiar otras características, como el ajuste de palabras?
MrWhite
55
"... si te importa, usa la fuente según lo previsto por su diseñador, usa espacios en negrita" Claro, el diseñador eligió agrandar los espacios en negrita, pero eso es para espacios dentro de texto en negrita, es decir, entre dos palabras en negrita. No tenemos idea de qué espacio podría haber elegido el diseñador para espacios entre una palabra en negrita y una sin negrita.
Peter LeFanu Lumsdaine
5

En realidad, esto importa y es una buena pregunta. He tenido experiencia con algunos dispositivos cuando el espacio en blanco no está forzado, ya que una entidad con &#160;él representaría el contenido incorrectamente si el espacio existiera en algo así como una etiqueta de extensión.

Por ejemplo, se foo barmuestra como foobarcodificado como:

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

Algunas aplicaciones, por ejemplo InDesign, en HTML y CSS lo exportan como:

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

En general, esto puede depender del diseñador, pero debe adoptarse en el flujo de trabajo por paridad. Le recomiendo que pruebe cómo se tratará en el producto final, ya que puede jugar un factor en su desarrollo. Entonces, para responder a su pregunta, cuando desarrollo usando HTML, no incluyo espacios finales o iniciales dentro de mis etiquetas de span, ya que tengo experiencia con ellos siendo ignorados por el motor de renderizado desde algunos dispositivos.

Si elige incluir el espaciado al final o al principio dentro de sus etiquetas, le animo a que codifique como tal:

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

Desde el punto de vista del desarrollo, debe tener en cuenta el comportamiento de análisis y la usabilidad. Por ejemplo, si desarrolla un diccionario y planea analizar ciertos elementos que podrían incorporarse a una sección en particular si incluye el espaciado inicial y final en algo como etiquetas de extensión o en un elemento, podría tener resultados drásticos en el final.

Después de un voto negativo

Puede votar negativamente si cree que fue apropiado, pero el hecho es que esto no se puede citar como una preferencia. Varios dispositivos en el mercado ignoran cómo se realiza el espaciado, y el propósito de mi respuesta fue mencionar que la vía por la cual se vería el contenido debería ser un factor en la decisión y cómo se crea. Personalmente, cuando desarrollo contenido, considero cómo se ve en una aplicación, se imprime o en un sitio, y el OP también debería tenerlo en cuenta.

Después de que me dijeron que esto no es para la web, todavía se reduce al medio en el que se va a producir un problema. Si no es así, hágalo de todos modos, pero adopte la paridad. Si es así, hágalo de manera que salga correctamente.

DᴀʀᴛʜVᴀᴅᴇʀ
fuente
1
¿Al menos obtengo una explicación de por qué el voto negativo?
DᴀʀᴛʜVᴀᴅᴇʀ
Supongo que es por centrarse en el lado de la implementación
Zach Saucier
1
El lado de la implantación siempre debe ser un factor en el producto final porque puede representar cómo se desarrolla.
DᴀʀᴛʜVᴀᴅᴇʀ
1
¡Convenido! Aunque no creo que sea el tema central de esta pregunta
Zach Saucier el
1
Si hay una diferencia en el espacio entre regular y negrita, eso se debe a que el diseñador de fuentes tomó la decisión consciente de hacer esa diferencia, así que úsela. Si no puede porque necesita pensar en la semántica de marcado de limitaciones técnicas, ese es un tema aparte. Tema importante, pero diferente.
Cai
4

Esto depende del diseñador, pero en última instancia es de muy poca importancia en la mayoría de los casos.

En términos de diseño, hace muy poca diferencia si los espacios iniciales o finales de las secciones en negrita (o cursiva) están en negrita o no. El único efecto que tiene es el espacio entre palabras (creo que la terminología del diseño sigue siendo el espacio entre letras, pero me gusta llamarlo espacio entre palabras ). La cantidad de espacio afecta la "frecuencia" (vea este artículo ) de la impresión. Sin embargo, en la mayoría de los casos, esta diferencia causada solo en el espacio inicial o posterior de las secciones en negrita o cursiva es tan insignificante que puede ignorarse con seguridad.

El hecho de que un espacio en negrita ocupe más espacio que un espacio sin negrita depende de la fuente utilizada. Algunas fuentes las hacen todas del mismo tamaño, otras hacen que los espacios en negrita sean un poco más anchos. Tendrá que probar para ver qué hace la fuente que está usando (si le importa).

El único caso en el que puedo pensar que realmente podría importar es en el caso de tamaños de fuente realmente grandes, como los de los encabezados. En este caso, la cantidad de diferencia puede ser más significativa debido a la escala más grande. Sin embargo, con textos grandes como estos, los diseñadores deben revisarlo de todos modos y pueden hacer ajustes según sea necesario.

Recomiendo ir con lo que sea más fácil, pero lo más importante es mantenerse constante . Tiende a agregar más espacio (incluyéndolos en negrita).

Dicho esto, si está utilizando un lenguaje de marcado como HTML, es más semánticamente apropiado agregar esta sala adicional al inicio o al final de una sección en negrita utilizando un lenguaje de estilo como CSS en lugar de incluir el espacio dentro de la etiqueta que está en negrita.

Zach Saucier
fuente
Si alguien me diera HTML con espacios en negrita alrededor de cada ejecución de texto en negrita, lo consideraría un error y lo arreglaría.
Simon White
2
@SimonWhite La pregunta es sobre diseño visual, no marcado
Zach Saucier
No haces diseño visual en HTML. Para eso es CSS. La pregunta incluye ejemplos de marcado que son ejemplos de marcado deficiente.
Simon White
2
@SimonWhite No está preguntando sobre HTML ni CSS. Él está preguntando acerca de los espacios en negrita en términos de diseño, que es el propósito de este sitio
Zach Saucier
Su ejemplo de implementación está en HTML. Así es como se introdujo el HTML. Si el ejemplo estuviera en Illustrator, podríamos hablar en esos términos. Sin embargo, la respuesta sigue siendo la misma: no utiliza espacios en negrita porque no existe una cosa semántica en la escritura como un espacio en negrita . Los escritores no los escriben. Si desea modificar el espaciado de palabras, en cualquier implementación, no revisa el texto ni agrega espacios adicionales entre cada palabra, utiliza sus herramientas de diseño visual para aumentar el espaciado de palabras. Lo mismo ocurre con el espacio alrededor del texto en negrita, ya sea HTML, InDesign, Illustrator o cualquier implementación.
Simon White
3

Muy bien, creo que entiendo ahora y esta es una pregunta interesante pero complicada, por eso las respuestas están por todos lados. Espero que en mi sabiduría infinita (léase: mente privada de sueño) pueda aclarar

Marcado, HTML, LaTeX: estos son importantes, pero ahora cómo los está pensando actualmente.

Por ejemplo, tendríamos, como usó en su ejemplo inicial:

  • HTML: The <b>cat</b> died last night!
  • Margen: The **cat** died last night!
  • BBCode: The [b]cat[/b] died last night!

O podrías tener:

  • HTML: The<b> cat </b> died last night!
  • Margen: The** cat **died last night!
  • BBCode: The[b] cat [/b]died last night!

Ahora dice que no está preguntando acerca del diseño HTML. Pero ahí es donde esto es un poco confuso, así que intentaré explicarlo. La negrita es una función de la semántica (como Simon también está tratando de explicar). No importa qué sistema estés usando, algo debe decirle que sea audaz.

Lo que realmente quiere preguntar: ¿Debería aumentarse el espacio cuando se usa una fuente más fuerte?


Entonces, ¿se debe aumentar el espacio cuando se usa una fuente más gruesa?

Eso depende del diseñador. Expanda un montón de letras en una aplicación de su elección y organícelas como mejor le parezca. No hay una regla estricta sobre esto.

Vea que no hay espacios en negrita porque no hay caracteres de espacio aquí, solo hay letras lanzadas en una página:

ingrese la descripción de la imagen aquí

ingrese la descripción de la imagen aquí

Un poco más cerca, un poco más lejos, lo mismo ... eso depende del diseñador.

Ryan
fuente
1

El ancho de cada glifo (incluido el espacio) está definido por el diseñador de la fuente dentro del tipo de letra. En el caso de Avenir, el diseñador eligió aumentar el ancho del espacio para preservar el espacio relativo entre dos palabras cuando aumenta el peso, pero es casi seguro que el diseñador no diseñó la fuente con pesos mixtos en una oración en mente.

Por lo tanto, no hay una respuesta correcta; el espacio es el ancho que debe tener la derecha entre palabras del mismo peso de fuente. Tendrá que usar su propio criterio sobre qué hacer en su caso específico porque el tipógrafo no lo hizo por usted. Lo único que definitivamente debes hacer es usar espacios en negrita entre las palabras en negrita.

Puede ser apropiado imaginar usar dos tipos de letra totalmente diferentes, cada uno con un espaciado muy diferente; puede decir que no hay una respuesta clara y clara sobre qué métricas de fuente usar entre las dos palabras.

Kit Grose
fuente