font 속성값을 하나만 정의하면..

[hiphapis]

FF에서, font 속성중 하나의 값만 정의하면, 적용이 안되네요

예를 들면,

Code: Select all

font:12px;

Code: Select all

font:bold

이런것들이죠..

Code: Select all

font-size:12px; 

Code: Select all

font-weight:bold; 

이렇게 하면 되긴 하지만..
맨 위의 처럼 적용한것들이 잘못된것인가요..?

그런데, 희안하게..

Code: Select all

font:12px verdana;

이런식으로, 속성값을 2개 이상주면, 적용이 되구요..

원래 font 자체가 style, variant, weight, size, family...등등을 한꺼번에 정의할 수 있는 tag라서, 하나의 속성만 정의하면, 괘씸해서 적용안시켜주는건지..

[oragi]

font 스타일에는 생략가능한 속성과 그렇지 않은 속성이 있습니다.

http://user.chollian.net/~spacekan/css/css.htm
이 사이트 상단 메뉴에서 font를 선택하시면 설명을 보실수 있습니다.

[hiphapis]

http://user.chollian.net/~spacekan/css/css.htm

NN : 각 요소별 버그도 마찬가지로 듣고 font-size를 지정해야 다른 요소가 지정된다
IE : 각 요소별 버그도 마찬가지로 듣고 font-size를 지정해야 다른 요소가 지정된다

위 내용을 보면, IE에서는, 안된다고 했는데..

Code: Select all

font:bold ;

해도, 잘 돌아가요..

그리고..위에 내용대로라면, font-size만 정의해도 되어야 정상이지 않나요..?
즉,

Code: Select all

font:12px; 

이렇게 하면, 되어야 정상인데..FF에서는 제대로 적용이 안되요..

[eouia]

단축형을 쓰실 때, font-size와 font-family는 필수이며, 순서를 맞추셔야 합니다.

IE에서는 엄격히 따지지 않으므로 대충 써도 대충 잘 돌아갑니다만, 올바른 방식은 아니며, 나쁜 습관을 들이게 합니다.
저는 아예, font:는 잊어버리고 삽니다. 순서외우고 하는 것도 귀찮아서.
그냥 font-family:, font-size:, font-weight: 식으로 줄바꿔가며 전부 각각 써줍니다. 몇자 정도 더 타이핑하는게 힘든 것도 아니고...

[oragi]

Code: Select all

[ [ <'font-style'> || <'font-variant'> || <'font-weight'> ]? <'font-size'> [ / <'line-height'> ]? <'font-family'> ] | caption | icon | menu | message-box | small-caption | status-bar | inherit

font 의 레퍼런스 입니다.
이것을 해석하면 최소한 font-size와 font-family를 지정하지 않으면 안된다고
하네요.
레퍼런스의 대괄호 안쪽의 ?표 부분은 생략가능한 속성입니다.

[hiphapis]

단축형을 쓰실 때, font-size와 font-family는 필수이며,

찾고서, 답글을 올릴려고 했는데, 마침 eouia 님께서 답변을달아주셧네요..

에구, 부끄럽네요..
조금만, 더 찾아봤으면, 쉽게 찾을 수 있는 정보였는데.

죄송합니다(__)

oragi님, eouia님 :: 감사합니다