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

국내에 웹 사이트들이 웹 표준을 지키고 OS나 브라우저와 관계 없이 접근성을 향상 시키기 위한 사이트 버그 신고 및 문제 해결을 위한 게시판입니다.
Post Reply
송효진

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

Post by 송효진 »

하고자 합니다.
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

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

Post by eouia »

<big>, <small>..
아닌가요?
hyeonseok
해커
해커
Posts: 691
Joined: 2004 08 11 22:14 59
Contact:

Re: <font size="+1">을 css

Post by hyeonseok »

Code: Select all

<p style="font-size: 1em;">
<span style="font-size: 1.5em;">조금큰글<span style="font-size: 1.5em;">좀더큰글</span></span>
</p>
하시면 됩니다~ :)
송효진

Post by 송효진 »

아하! em 자체가 상대적인거라서 + - 의 사용이 필요 없는거군요.
감사합니다.
1.5 0.5 로 대체가 되는거군요.:D
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Re: <font size="+1">을 css

Post by 빛알갱이 »

송효진 wrote: 구글에서 조차 font 태그를 버리지 못한걸로 보이네요.
구글에서조차는 어폐가 좀 있군요 :-) 구글은 웹 표준 준수에 있어서 모범과는 거리가 먼 곳입니다. 구글이 만들어 내는 HTML은 한심한 수준이지요.

글꼴 크기를 상대 크기 (line-height에 대한)로 지정하는 또다른 방법은 larger와 smaller를 쓰는 것입니다. 물론, 이 경우에는 3단계 밖에 없어서 유용성이 떨어지기는 합니다.
User avatar
Channy
해커
해커
Posts: 1006
Joined: 2002 03 26 17:41 59
Location: 아름다운 제주
Contact:

Re: <font size="+1">을 css

Post by Channy »

빛알갱이 wrote:
송효진 wrote: 구글에서 조차 font 태그를 버리지 못한걸로 보이네요.
구글에서조차는 어폐가 좀 있군요 :-) 구글은 웹 표준 준수에 있어서 모범과는 거리가 먼 곳입니다. 구글이 만들어 내는 HTML은 한심한 수준이지요.
좀 다른 이야기이지만, 구글의 유일한 웹디자이너가 한국계라서 그렇습니다.
썩 좋은 비유는 아니죠?
빛알갱이
해커
해커
Posts: 1146
Joined: 2004 01 15 20:06 36

Post by 빛알갱이 »

송효진 wrote:아하! em 자체가 상대적인거라서 + - 의 사용이 필요 없는거군요.
감사합니다.
1.5 0.5 로 대체가 되는거군요.:D
"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

도 참조하세요.
Post Reply

Who is online

Users browsing this forum: No registered users and 2 guests