<font size="+1">을 css로 표현

[송효진]

하고자 합니다.
font-size 에 em 으로 하는건 아닌것 같네요.

Code: Select all

<font size="+1">조금큰글<font size="+1">좀더큰글</font></font>

이것을

Code: Select all

<span class="plusone">조금큰글<span class="plusone">좀더큰글</span></span>

이렇게 표현하고 싶습니다.

어떤 방법이 있을까요?

구글에서 조차 font 태그를 버리지 못한걸로 보이네요.

[eouia]

<big>, <small>..
아닌가요?

[hyeonseok]

Code: Select all

<p style="font-size: 1em;">
<span style="font-size: 1.5em;">조금큰글<span style="font-size: 1.5em;">좀더큰글</span></span>
</p>

하시면 됩니다~

[송효진]

아하! em 자체가 상대적인거라서 + - 의 사용이 필요 없는거군요.
감사합니다.
1.5 0.5 로 대체가 되는거군요.

[빛알갱이]

구글에서 조차 font 태그를 버리지 못한걸로 보이네요.

구글에서조차는 어폐가 좀 있군요 구글은 웹 표준 준수에 있어서 모범과는 거리가 먼 곳입니다. 구글이 만들어 내는 HTML은 한심한 수준이지요.

글꼴 크기를 상대 크기 (line-height에 대한)로 지정하는 또다른 방법은 larger와 smaller를 쓰는 것입니다. 물론, 이 경우에는 3단계 밖에 없어서 유용성이 떨어지기는 합니다.

[Channy]

구글에서 조차 font 태그를 버리지 못한걸로 보이네요.

구글에서조차는 어폐가 좀 있군요 구글은 웹 표준 준수에 있어서 모범과는 거리가 먼 곳입니다. 구글이 만들어 내는 HTML은 한심한 수준이지요.

좀 다른 이야기이지만, 구글의 유일한 웹디자이너가 한국계라서 그렇습니다.
썩 좋은 비유는 아니죠?

[빛알갱이]

아하! em 자체가 상대적인거라서 + - 의 사용이 필요 없는거군요.
감사합니다.
1.5 0.5 로 대체가 되는거군요.

"font size=+1"과 "font size=-1"을 브라우저들이 어떻게 해석하는지 모르지만, 어느 경우에도 1.5와 0.5는 그에 대응하지 않을 것입니다. 1.5와 0.67 (약 1/1.5) 혹은 1.2와 0.833(약 1/1.2)를 쓰세요. 하지만, +1과 -1만 쓰실 것이라면 larger와 smaller가 더 좋겠네요.


http://www.w3.org/TR/CSS21/fonts.html#font-size-props

도 참조하세요.