Anche gli spazi attorno al testo in grassetto devono essere resi in grassetto?

Nell'immagine seguente, il testo in alto ha spazi regolari attorno alla parola in grassetto bar, mentre il testo in basso include gli spazi nello stile in grassetto:

Ho aggiunto delle linee rosse verticali in modo che sia più facile vedere che le parole non si allineano perfettamente. Per alcuni caratteri, questo non sembra fare la differenza, tuttavia per altri (come Avenir) è importante.

Esiste una regola generale sulla quale dovrei preferire? Se faccio una parola in grassetto , dovrei anche rendere entrambi gli spazi intorno in grassetto?

(e se non si espande troppo la domanda, che dire del testo in corsivo anziché in grassetto )?

No, gli spazi non dovrebbero essere in grassetto perché sarebbe una cattiva semantica. Una parola o una serie di parole può essere in grassetto, ma gli spazi attorno a una parola non possono.

Questo è separato da qualsiasi pensiero di progettazione visiva e indipendente da qualsiasi implementazione. La semantica viene dallo scrittore. Non sono all'altezza del designer. Il progettista ha strumenti di progettazione visiva per realizzare la propria progettazione visiva. Ancora una volta, in qualsiasi implementazione.

Nel tuo esempio, lo scrittore ha scritto:

foo **bar** baz

... mostrato qui in Markdown, ma si applica in qualsiasi ambiente di scrittura .

Uno scrittore non avrebbe motivo di mettere in grassetto gli spazi perché non c'è motivo semantico per mettere in grassetto gli spazi. Il testo in grassetto viene dalla mente degli scrittori. Stanno in grassetto una parola (o una sequenza di parole), non in grassetto.

Quindi l'HTML - esempio è in HTML perché il tuo esempio è in HTML, ma questo vale per qualsiasi implementazione - del Markdown sopra è:

foo <b>bar</b> baz

... ed è dopo che inizia il visual design.

Se per qualche motivo volevi spazio extra attorno al testo in grassetto - e stai lavorando in HTML come suggerisce l'esempio - usi CSS o JavaScript per modificare il DOM, non rovini la semantica dell'HTML. Se lavori in InDesign o Illustrator o in qualsiasi ambiente di progettazione visiva, vale la stessa cosa.

Se guardi un esempio usando la scrittura effettiva, è più chiaro:

Il pericolo non mangia il contenuto del pacchetto.

... è la parola "pericolo" che ha l'enfasi enfasi. Nient'altro.

Onestamente non penso che importi davvero. Qualsiasi differenza di spaziatura sarà trascurabile e non evidente. Tuttavia, questo è qualcosa che faccio normalmente.

Qualsiasi differenza nella spaziatura dipenderà dal carattere. Se c'è una differenza, il progettista del font ha preso una decisione consapevole di fare quella differenza, quindi usala. Un carattere in grassetto è per definizione più largo rispetto alla sua controparte di peso normale, quindi qualsiasi spaziatura, che è stata probabilmente calcolata con cura per adattarsi al carattere, dovrà naturalmente essere ugualmente più ampia. Lo spazio extra (in teoria) aumenterà la leggibilità e l'equilibrio del testo.

Una cosa da tenere a mente è essere coerenti. Se usi uno spazio in grassetto su un lato, usalo anche sull'altro. Non farlo potrebbe lasciare sbilanciato il testo. In molti programmi se fai doppio clic per selezionare una parola, selezionerà la parola e lo spazio finale, quindi se fai doppio clic e cambi il carattere in grassetto, otterrai uno spazio normale prima e uno spazio grassetto dopo.

Altri hanno sottolineato che è semanticamente errato. Questo è vero se stai lavorando con codice sorgente o markup che devono essere ugualmente corretti come l'output visivo, ma questo è a parte il punto.

In breve: è improbabile che qualcuno se ne accorga in entrambi i modi, ma se ti interessa, usa il carattere come previsto dal suo designer, usa spazi audaci e usali in modo coerente.

In realtà questo è importante ed è una buona domanda. Ho avuto esperienza con alcuni dispositivi quando lo spazio vuoto non è forzato come entità con  esso renderebbe il contenuto in modo errato se lo spazio esistesse in qualcosa come un tag span.

Ad esempio, viene visualizzato foo barcome foobarquando codificato come:

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

Alcune applicazioni, ad esempio InDesign, su HTML e CSS lo esportano come:

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

Nel complesso, ciò può dipendere dal progettista, ma dovrebbe essere adottato nel flusso di lavoro per parità. Ti incoraggio a testare come sarà trattato sul prodotto finito poiché può svolgere un ruolo nel tuo sviluppo. Quindi, per rispondere alla tua domanda, quando sviluppo usando HTML non includo spazi di fine o inizio all'interno dei miei tag di span poiché ho avuto esperienza con loro che sono stati ignorati dal motore di rendering da alcuni dispositivi.

Se scegli di includere la spaziatura alla fine o all'inizio all'interno dei tuoi tag, ti incoraggio a scrivere il codice in quanto tale:

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

Dal punto di vista dello sviluppo, dovresti prendere in considerazione l'analisi del comportamento e dell'usabilità. Ad esempio, se sviluppi un dizionario e prevedi di analizzare alcuni elementi che potrebbero essere incorporati in una sezione particolare se includi la spaziatura iniziale e finale in qualcosa come i tag span o in un elemento, potrebbero avere risultati drastici sulla fine.

Dopo il downvote

Puoi sottovalutare se ritieni che fosse appropriato, ma resta il fatto che questo non può essere citato come preferenza. Numerosi dispositivi sul mercato ignorano il modo in cui viene eseguita la spaziatura e lo scopo della mia risposta era di menzionare che il modo in cui il contenuto sarebbe stato visualizzato dovrebbe essere un fattore nella decisione e come viene creato. Personalmente, quando sviluppo i contenuti, prendo in considerazione il modo in cui vengono visualizzati in un'app, stampati o su un sito e tale OP dovrebbe considerare anche questo.

Dopo che mi è stato detto che questo non è per il web, si riduce ancora al mezzo in cui si produrrà un problema. Altrimenti, fallo comunque, ma adotta la parità. Se lo è, allora fallo in modo che esca correttamente.

Questo dipende dal progettista, ma in fin dei conti ha poca importanza nella maggior parte dei casi.

In termini di design, fa poca differenza se gli spazi che portano o che seguono sezioni in grassetto (o corsivo) sono in grassetto o meno. L'unico effetto che ha è la spaziatura tra le parole (credo che la terminologia del design sia ancora spaziatura tra lettere ma mi piace chiamarla spaziatura tra parole ). La quantità di spazio influisce sulla "frequenza" (vedi questo articolo ) della stampa. Tuttavia, nella maggior parte dei casi, questa differenza causata solo nello spazio che porta o trascina le sezioni in grassetto o corsivo è così trascurabile che può essere tranquillamente ignorata.

Il fatto che uno spazio in grassetto occupi più spazio di uno spazio non in grassetto dipende dal tipo di carattere utilizzato. Alcuni caratteri li rendono tutti della stessa dimensione, altri rendono gli spazi audaci un po 'più ampi. Dovrai testare per vedere cosa fa il carattere che stai usando (se ti interessa).

L'unico caso in cui posso pensare che potrebbe davvero importare è nel caso di caratteri di dimensioni molto grandi, come quelli nelle intestazioni. In questo caso la quantità di differenza può essere più significativa a causa della scala più ampia. Tuttavia, con testi di grandi dimensioni come questi, i progettisti dovrebbero comunque esaminarlo e apportare le modifiche necessarie.

Consiglio di andare con tutto ciò che è più facile ma, soprattutto, rimanere coerenti . Tendi ad aggiungere più spazio (includendoli in grassetto).

Detto questo, se stai usando un linguaggio di markup come HTML, è più semanticamente corretto aggiungere questa stanza aggiuntiva che porta o trascina una sezione in grassetto usando un linguaggio di stile come CSS invece di includere lo spazio all'interno del tag reso grassetto.

Bene, penso di capire ora e questa è una domanda interessante ma complicata, motivo per cui le risposte sono ovunque. Spero che nella mia infinita saggezza (leggi: mente privata del sonno) posso chiarire

Markup, HTML, LaTeX --- questi sono importanti ma ora come ci stai pensando.

Ad esempio avremmo, come hai usato nel tuo esempio iniziale:

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

Oppure potresti avere:

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

Ora dici che non stai chiedendo del design HTML. Ma è qui che è un po 'confuso, quindi proverò a spiegare. Il grassetto è una funzione della semantica (come anche Simon sta cercando di spiegare). Non importa quale sistema stai usando, qualcosa deve dirlo in grassetto.

Cosa vuoi veramente chiedere: lo spazio dovrebbe essere aumentato quando usi un carattere più forte?

Quindi, lo spazio dovrebbe essere aumentato quando si utilizza un carattere più spesso?

Dipende dal designer. Espandi un gruppo di lettere in un'applicazione che preferisci e disponile come meglio credi. Non esiste una regola rigida su questo.

Vedi che non ci sono spazi in grassetto perché non ci sono caratteri spaziali qui, ci sono solo lettere lanciate su una pagina:

Un po 'più vicino, un po' più lontano, lo stesso ... dipende tutto dal designer.

La larghezza di ciascun glifo (incluso lo spazio) è definita dal designer dei caratteri all'interno del carattere tipografico. Nel caso di Avenir, il progettista ha scelto di aumentare la larghezza dello spazio per preservare la spaziatura relativa tra due parole quando il peso aumenta, ma quasi sicuramente il progettista non ha progettato il carattere con pesi misti in una frase in mente.

Quindi quindi non c'è una risposta giusta; lo spazio è la larghezza che deve apparire tra le parole dello stesso peso del carattere. Dovrai usare il tuo giudizio su cosa fare nel tuo caso specifico perché il tipografo non l'ha fatto per te. L'unica cosa che dovresti assolutamente fare è usare spazi in grassetto tra parole in grassetto.

Potrebbe essere appropriato immaginare di usare due caratteri completamente diversi, ognuno con una spaziatura molto diversa; puoi dire lì che non c'è davvero nessuna risposta chiara e chiara su quali metriche del font usare tra le due parole.