Computer >> 컴퓨터 >  >> 프로그램 작성 >> CSS

타이포그래피에서 볼드체와 이탤릭체를 언제 사용해야 합니까?

타이포그래피에는 많은 강조 기술이 있으며 이탤릭체와 볼드체가 가장 일반적입니다. 기울임꼴과 굵게는 원래 서체 디자인의 다른 글꼴 변형입니다. 타이포그래피에 이탤릭체 또는 볼드체를 사용해야 하는 경우와 동일한 문서에서 둘 다 사용해야 하는지 여부를 알아보겠습니다.

이 기사의 대부분의 텍스트는 Alegreya라는 서체를 사용하고 있으며 일반적인 글꼴 두께를 사용합니다. CSS에서 기본 font-weight 속성의 값은 400입니다. (일반).

  • 굵은 글꼴 두께는 일반 글꼴과 스타일이 동일하며 두꺼워 편지.
  • 기울임꼴 글꼴은 왼쪽에서 오른쪽으로 기울어진 서체의 일반 글꼴 버전입니다.
  • 굵은 기울임꼴은 경사 및 굵기입니다. 서체 버전입니다.

CSS에서 글꼴 두께를 굵게 설정:

p {
  font-weight: bold;
}

일반적으로 700과 같은 숫자 값을 사용할 수도 있습니다. bold용입니다. .

HTML 태그를 사용하여 글꼴 두께를 굵게 설정하려면 강조하려는 단어를 <strong>로 묶습니다. 다음과 같은 태그:

<strong>Text here</strong>

CSS에서 글꼴 스타일을 기울임꼴로 설정:

p {
  font-style: italic;
}

HTML 태그를 사용하여 글꼴 스타일을 기울임꼴로 설정하려면 강조하려는 단어를 <em>으로 묶습니다. 다음과 같은 태그:

<em>Text here</em>

CSS에서 굵게 기울임꼴 설정:

p {
  font-style: italic;
  font-weight: bold; /*or 700*/
}

HTML과 함께 볼드-이탤릭체를 사용하려면 다음과 같이 강조하고 싶은 단어를 감쌉니다.

<strong><em>Text here</em></strong>

일반에서 굵게, 기울임꼴로, 굵게-이탤릭체로 나란히 비교:

텍스트텍스트 문자 텍스트 <시간/>

이탤릭체와 볼드체를 사용해야 하는 경우

한 가지 학파는 기울임꼴과 굵게 둘 다 텍스트 블록의 특정 부분을 강조하는 데 사용되기 때문에 적어도 같은 텍스트 블록 내에서 둘 중 하나만 사용해야 한다는 것입니다. 또 다른 학파는 이탤릭체를 약한 강조에 사용하고 볼드체를 강한 강조에 사용해야 한다는 것입니다.

굵게 또는 기울임꼴의 강조 수준은 서체마다 크게 다르기 때문에 서체(글꼴 패밀리)에 따라 다릅니다.

일부 서체 디자인, 특히 sans-serif 분류, 다소 약한 기울임꼴을 사용합니다. 약함, 기울어진/기울어진 것을 거의 눈치채지 못하기 때문에 강조 도구로 잘 작동하지 않습니다. 글꼴에 약한 기울임꼴이 있는 경우 굵게를 사용합니다.

일부 서체 디자인, 특히 serif 분류는 강하고 눈에 띄는 이탤릭체로 거의 굵은 글꼴만큼 눈에 띕니다. 이 경우 어떤 것을 사용할지 스스로 결정할 수 있으며, 단순하게 유지하려면 하나를 사용하세요. 독자를 혼란스럽게 하지 않도록 동일한 텍스트 블록 내에서 강조 스타일.

그러나 서체에 강력한 기울임꼴이 있는 경우 그러나 분명히 더 강하게 굵게 약한 강조에는 기울임꼴을 사용하고 강한 강조에는 굵게를 사용할 수 있습니다. 그런 서체의 한 예로 지금 보고 있는 Alegreya가 있습니다. 이 단락의 기울임꼴 텍스트가 어떻게 눈에 띄지만 볼드체만큼은 아닙니다.

픽셀이 가장 많은 곳에서는 일반적으로 눈이 먼저 이동하므로 굵은 글씨로 된 굵은 글씨가 강한 강조에 가장 적합한 옵션이고 (잘 디자인된) 기울임꼴은 약한 강조에 적합합니다.

볼드 기울임꼴을 언제 사용해야 하나요?

때때로 굵게와 기울임꼴을 결합하여 중요한 텍스트를 더욱 강조할 수 있으며, 이를 위해 볼드-이탤릭체가 있습니다.

제 생각에는 굵은 기울임꼴 글꼴을 사용하는 것이 실용적인 디자인 선택보다 예술적 선택에 가깝습니다. 귀하의 서체에 문서에서 잘 작동하는 아름다운 굵은 기울임꼴 글꼴이 있다면 반드시 사용하십시오. 그러나 볼드-이탤릭체는 너무 많은 장점(너무 강조됨)이 될 수 있으므로 개별 볼드체 및 이탤릭체로 먼저 작업해 보십시오.

Alegreya에는 아름다운 기울임꼴이 있습니다.

Alegreya는 아름다운 대담함을 가지고 있습니다.

Alegreya는 아름다운 볼드-이탤릭체를 가지고 있습니다.

저는 일회용 텍스트 요소에 대해 굵은 기울임꼴을 드물게 사용합니다.

서체 옵션 살펴보기

결정을 내리기 전에 기울임꼴에서 굵게까지 글꼴 변형을 테스트해야 합니다. 또한 일부 서체에는 "머리카락"(가장 얇은)에서 검은색(가장 두꺼운)까지 다양한 글꼴 두께가 있습니다. 특정 컨텍스트의 경우 "중간" 글꼴 두께가 가장 좋거나 "매우 굵게"가 될 수 있습니다. 테스트, 테스트, 테스트!

나는 단일을 가볍게 강조하기 위해 기울임꼴을 사용하는 경향이 있습니다. 단어. 경우에 따라 여러 단어에 굵게 표시를 사용합니다. 문장의 일부를 강하게 강조하고 싶을 때 이 스타일이 이 특정 서체(Alegreya)에 잘 맞는다는 것을 알았습니다. 하지만 당신에게는 그렇지 않을 수도 있습니다.

볼드체와 이탤릭체를 서로 바꿔서 사용하지 마십시오. 이유가 있고 동일한 문서 내에서 선택한 스타일과 일관성을 유지하십시오. 무엇을 하든 기억하십시오. 강조는 항상 더 좋습니다.

모든 것을 강조하면 아무 것도 강조하지 않습니다.