본문 바로가기

webdesign/CSS

비표준태그 <font>를 썼을때 발생할 수 있는 문제

<font>는 HTML 이 4.x 대로 버젼업되면서 사라진 태그이다.
크게 문제 없어보이지만, 역시 비표준태그를 지양해야하는 이유가 있구나.. 싶은 상황이 발생해서 기록.

비표준 태그 지양합시다 :)

---------------------- 구 에디터의 font태그 생성 예 ----------------------
<tr>
<td>
<TEXTFORMAT LEADING="4"><P ALIGN="LEFT"><FONT FACE="Gulim" SIZE="12" COLOR="#555555" LETTERSPACING="0" KERNING="0">홈페이지 메인화면에 alt 태그 추가.</FONT></P></TEXTFORMAT>
</td>
</tr>


위와같이 구 에디터중에 <font> 태그를 넣어서 글작성이 되도록 하는 것들이 아직 남아있는데, 이렇게 해서 태그가 아래와같이 삽입되었을 경우

line-height가 스타일시트의 td에 지정된 font-size의 line-height에 맞춰지기때문에 글씨가 클 경우 글이 겹치게 된다.
(이때, <td>태그에 직접 style="line-height:100%"로 지정해도 당연히 수정되지 않는다.)

임시적으로 해결하는 방법
<style>td font {line-height:100%;}</style>

위와같이 <font>태그에 대한 지정을 따로 해주어야 비로소 줄간격이 <font> 태그에서 지정한 폰트 사이즈에 맞게 잡히게된다.