글꼴 CSS 속성이 굵은 글꼴 두께를 취소하는 이유는 무엇입니까?

Question

<p>쓸모없는 태그가 많이 포함된 컴퓨터 생성 HTML에서 불필요한 태그를 제거하라는 요청을 받았습니다(색상/강력/em 정보만 유지하고 싶습니다). 다음 HTML과 유사한 내용을 발견했습니다. </p> <pre class="brush:html;toolbar:false;"><b> <span style="FONT: 20pt &quot;Arial""> <strong>굵게 굵게 쓰지 않음 굵게 굵게 쓰지 않음 </스팬> </b> </pre> <p>저에게는(크롬 및 파이어폭스에서) <code>bold</code> 텍스트가 굵게 표시되고 <code>굵게 표시되지 않은</code> 텍스트가 굵게 표시되지 않습니다. 이것이 혼란스럽습니다. 특히 이로 인해 내 작업이 더욱 복잡해졌습니다. 색상/강도/em 정보 없이 태그만 제거하면 된다고 생각하여 다음과 같이 변경했습니다. </p> <pre class="brush:html;toolbar:false;"><b> <strong>굵게 굵게 쓰지 않음 굵게 굵게 쓰지 않음 </b> </pre> <p>하지만 이제는 모든 텍스트가 이전보다 굵게 표시됩니다.</p> <p>이 동작을 재현하기 위해 <code>FONT</code> 스타일에 무엇을 넣을 수 있는지 알아보고 있습니다. </p> <p><code>Arial</code>를 <code>foo</code>로 바꾸면 다음 동작이 유지됩니다. </p> <pre class="brush:html;toolbar:false;"><b> <스팬 스타일="FONT: 20pt foo"> <strong>bold</strong> 굵게 표시되지 않음 <!-- 굵게 표시되지 않음은 실제로는 굵게 표시되지 않음 --> </스팬> </b> </pre> <p>크기와 글꼴을 전환한 후 동작이 다음과 같이 변경되었습니다. </p> <pre class="brush:html;toolbar:false;"><b> <span style="FONT: &quot;Arial" 20pt" <strong>굵게 굵게 표시되지 않음 <b>굵게 표시됨 굵게 표시되지 않음 <!-- 20pt는 모두 굵게 표시됩니다 ---> </스팬> </b> </pre> <p>두 값 중 어느 것도 효과가 없습니다:</p> <pre class="brush:html;toolbar:false;"><b> <span style="FONT: &quot;Arial""> <strong>굵게</strong> 굵게 표시되지 않음 <b>굵게 표시됨 굵게 표시되지 않음 <!-- 모두 굵게 표시됨 ---> </스팬> </b> </pre> <pre class="brush:html;toolbar:false;"><b> <스팬 스타일="FONT: 20pt"> <strong>굵게</strong> 굵게 표시되지 않음 <b>굵게 표시됨 굵게 표시되지 않음 <!-- 모두 굵게 표시됨 ---> </스팬> </b> </pre> <p></p> <p></p> <p>이 동작을 설명할 수 있는 사람이 있습니까? 아니면 적어도 외부 스타일을 억제하기 위해 어떤 스타일을 찾아야 하는지 말해 줄 수 있습니까? </p>

Answer 1

내 질문에 대한 답을 font CSS 속성 문서 페이지에서 찾은 것 같습니다. 내용은 다음과 같습니다:

(강조)

조금 더 아래로:

그래서 설정font: 20pt arial等同于设置font-style: normal;font-variant: normal;font-weight: normal;font-stretch: normal;font-size: 20pt;line-height: normal;font-family: arial

특히, font-weight从bold（或其他值）重置为normal.

그래서 근본적인 문제를 해결하려면 지정된 글꼴 두께가 없는 font 태그를 찾아야 합니다.

P.S. font: arial 20pt没有这种行为的原因是因为这不是font에 이 동작이 없는 이유는

에 허용되는 값이 아니기 때문입니다.

font: arial 20pt그리고

에서는 글꼴 계열이 마지막으로 지정된 값이 아닙니다. 🎜