CSS에서 굵게 및 기울임 꼴을 결합하는 방법은 무엇입니까?

Question

This W3Schools tutorial은 CSS font-style 속성을 사용하여 텍스트를 굵게 만드는 방법 (구식 HTML에서 <b&g>this</b>과 동일) 및 기울임 꼴로 만드는 방법 (구식 HTML에서 <i>this</i>에 해당)을 가르쳐 줬습니다.

그러나 텍스트를 동시에 두 속성 (예 : 구식 HTML에서 <b><i>this</i></b>과 동일)을 만드는 방법을 찾을 수없는 것 같습니다.

순수 CSS를 사용하여이를 수행 할 수있는 방법이 있습니까?

나는 이것을 시도했다 :

font-style: italic bold; 

결과 페이지가 두 속성을 무시이었다, 나는 모든이 속성을 지정하지 않을 것처럼했다.

font-style: italic; bold; 

이번에는 무슨 일하는 것이 첫 번째 스타일을 사용한다는 것입니다 : 내가 이것을 시도 할 때

font-style: italic, bold; 

내가 다른 결과를 얻었다 :이 시도 할 때

나는 같은 결과를 얻었다 주어진 (기울임 꼴)하지만 두 번째를 무시 (굵게).

순수한 CSS로이 작업을 수행 할 수 있습니까?

Answer 1

가까운 사이.

italic은 font-style으로 사용되며 굵은 체는 font-weight과 함께 사용됩니다.

사용 :

font-weight: bold; 
font-style: italic; 

Answer 2

이 코드에서 봐주십시오

font: italic bold 12px/30px Georgia, serif; 

Answer 3

font-style는 단일 값 속성입니다. 어쨌든 bold은 font-weight입니다. 여러 값을 결합하려면 약식 font 속성을 사용할 수 있습니다. 그러나 font 속기는 항목이 필요합니다 : font-size 및 font-family. 이 두 가지를 속기에 포함시키지 않으면 해당 속성은 무시됩니다.

italic bold과 함께 font 속기를 포함하면 작동합니다.

Answer 4

W3 스쿨이 나쁜 또 다른 이유, 당신은 이탤릭체를 설정 font-style을 굵게 설정 font-weight를 사용한다.

font-weight: bold; 
font-style: italic; 

Answer 5

당신은 그 중 2 곳이

를 사용하여 기울임 꼴 및 굵은 글꼴을 가질 수

font-style : italic 
font-weight : bold 

글꼴 체중 문서 : W3Schools font-weight

글꼴 스타일 문서 : W3Schools font-style