굵은 텍스트 주위의 공백도 굵게 표시해야합니까?

다음 이미지에서 상단 텍스트는 굵은 단어 주위에 일정한 간격을 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 태그와 같은 요소 나 요소에 시작 및 끝 간격을 포함하는 경우 특정 섹션에 포함될 수있는 특정 요소를 구문 분석 할 계획 인 경우 끝 부분에 엄청난 결과가 발생할 수 있습니다.

downvote 후

적절하다고 생각되면 공감할 수는 있지만 여전히 선호 사항으로 인용 할 수는 없습니다. 시중에 나와있는 일부 장치는 간격이 수행되는 방식을 무시하고 내 대답의 목적은 컨텐츠를 보는 방법이 결정 및 작성 방법에 영향을 미치도록 언급하는 것이 었습니다. 개인적으로 콘텐츠를 개발할 때 앱에서 보거나 인쇄하거나 사이트에서 보는 방식을 고려하므로 OP는이를 고려해야합니다.

이것이 웹용이 아니라고 말한 후에도 여전히 문제를 일으키는 매체로 귀결됩니다. 그렇다면 어쨌든 그렇게하지만 패리티를 채택하십시오. 그렇다면 올바르게 나오도록하십시오.

이것은 디자이너의 몫이지만, 대부분의 경우에 거의 중요하지 않습니다 .

디자인 측면에서 볼 때 앞뒤에 굵게 (또는 기울임 꼴) 공백이 굵게 표시되는지 여부는 거의 차이가 없습니다. 그것이 미치는 유일한 효과는 단어 사이의 간격입니다 (디자인 용어는 여전히 글자 간격 이라고 생각 하지만 단어 간격 이라고합니다 ). 공간의 양은 인쇄물 의 "빈도"( 이 기사 참조 )에 영향을줍니다 . 그러나 대부분의 경우 공간 선행 또는 후행 굵게 또는 기울임 꼴 섹션에서만 발생하는이 차이는 무시해도 좋을 정도로 무시할 수 있습니다.

굵게 표시된 공간이 굵지 않은 공간보다 많은 공간을 차지하는지 여부는 사용중인 글꼴에 따라 다릅니다. 일부 글꼴은 모두 같은 크기로, 다른 글꼴은 굵은 공간을 약간 넓 힙니다. 사용중인 글꼴이 무엇을하는지 테스트해야합니다 (필요한 경우).

내가 정말로 중요하다고 생각할 수있는 유일한 경우는 제목과 같은 큰 글꼴 크기의 경우입니다. 이 경우 더 큰 스케일로 인해 차이의 양이 더 커질 수 있습니다. 그러나 이와 같은 큰 텍스트를 사용하는 디자이너는 어쨌든 그것을 살펴보고 필요에 따라 조정할 수 있습니다.

더 쉬우면서도 가장 중요한 것은 일관성을 유지하는 것이 좋습니다 . 더 많은 공간을 추가하는 방향으로 굵게 표시하십시오.

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의 경우, 디자이너는 가중치가 증가 할 때 두 단어 사이의 상대적 간격을 유지하기 위해 공간의 너비를 늘리기로 선택했지만 디자이너는 거의 확실하게 하나의 문장에서 가중치가 혼합 된 글꼴을 디자인 하지 않았습니다 .

따라서 정답은 없습니다. 공백은 동일한 글꼴 두께의 단어 사이에서 올바르게 보이는 너비입니다. 타이포 그래퍼가 대신하지 않았기 때문에 특정 사례에서해야 할 일에 대해 자신의 판단을 사용해야합니다. 당신이 분명히해야 할 유일한 것은 굵은 단어 사이에 굵은 공백을 사용하는 것입니다.

간격이 완전히 다른 두 개의 완전히 다른 서체를 사용하는 것이 좋습니다. 두 단어 사이에 어떤 글꼴의 메트릭을 사용할 지에 대한 명확한 정답이 없다는 것을 알 수 있습니다.