"줄 높이"스타일을 사용해도 안전합니까?

Question

줄 높이 스타일 속성이 레이아웃 및 디자인면에서 사용하기에 안전합니까?

저는 텍스트 줄에 IE6과 IE7 사이에 작은 공간이 있지만 다른 모든 주요 브라우저에서 제대로 작동하는 문제가 있습니다.

line-height:20px;을 추가 했으므로 이제는 IE6 및 7에서도 좋아 보이지만 재미있는 점은 Chrome이나 Firefox, Opera 또는 Safari에서 선 높이가 변경되지 않았다는 것입니다.

아무도 왜 변경되지 않았는지 알아? 여기

코드입니다 :

<font color="#000000" face="Tahoma, Geneva, sans-serif" style="font-size:13px; font-weight:bold; line-height:20px;"> 

감사

Answer 1

귀하의 질문에 대답하기 위해, 라인 높이가 매우 안전합니다. 그러나 <font>은 아닙니다. HTML 4.01에서는 더 이상 사용되지 않으며 HTML5에서는 삭제되었습니다. 글꼴 색상 및 글꼴 모음에는 CSS를 사용해야합니다. 언급 한 다른 브라우저에서 변경되지 않은 이유는 <font>이 구조적 태그가 아닌 프리젠 테이션 태그와 관련이있을 수 있지만 이는 단지 추측에 불과합니다.

CSS :

.specialText { 
    color:#000; 
    font:bold 13px Tahoma, Geneva, sans-serif; 
    line-height:20px;  
} 

HTML :이 HTML5에서 지원되지 않는 때문에

<span class="specialText">My special text</span> 

Answer 2

더 이상 <font> 태그를 사용하지 마십시오. 가장 좋은 방법은 내장형/외장형 CSS를 사용하는 것입니다.

HTML

<span class="example">Your text here</span> 

CSS 나는 FONT 요소에 익숙하지 않은 오전

.example{ 
line-height:20px; 
color:#000;//#000000 is the same thing 
font:bold 13px Tahoma, Geneva, sans-serif; 
}