랭랭

At-rules

CSS 2.1:

CSS3:

Selectors

Element Selectors

CSS 2.1:

Note   Prior to Internet Explorer 7, there was a two-class selector limit per element.

CSS3:

Attribute Selectors

CSS 2.1:

CSS3:

Combinators

CSS 2.1:

CSS3:

Pseudo-classes

CSS 2.1:

CSS3:

Pseudo-elements

CSS 2.1:

CSS3:

Properties

CSS 2.1:

2D Transforms

CSS 3:

Lists

CSS 2.1:

Color and Background

CSS 2.1:

CSS3:

Font and Text

CSS 2.1:

CSS3:

Generated Content

CSS 2.1:

Border and Layout

CSS 2.1:

CSS3:

Positioning

CSS 2.1:

CSS3:

Printing

CSS 2.1:

CSS3:

User Interface

CSS 2.1:

CSS3:

Multi-column Layout

Internet Explorer does not support any of the CSS3 multi-column layout properties.

Speech

Internet Explorer does not support any of the CSS3 speech properties.

Media Queries

The following CSS3 media query properties are supported in Internet Explorer 9:

• width
• height
• device-width
• device-height
• orientation
• aspect-ratio
• device-aspect-ratio
• color
• color-index
• monochrome
• resolution

Values

Numbers

CSS 2.1:

CSS3:

Strings

CSS 2.1:

Shapes

CSS 2.1:

Functions

CSS 2.1:

CSS3:

Colors

CSS 2.1:

CSS3:

Keywords

CSS 2.1:

CSS3:

Units

The following units are supported in Internet Explorer 3.0 and later:

• px
• pt
• pc
• cm
• mm
• in
• em
• ex
• %

The following CSS3 units are supported in Internet Explorer 9:

• deg
• grad
• rad
• turn
• ms
• s
• rem
• vw
• vh
• vm
• ch

The following units are not supported in any version of Internet Explorer:

• Hz
• kHz
• gd

See Also

• Cascading Style Sheets (MSDN Reference)
• Cascading Style Sheets (W3C)

먼저 브라우져에 따라서 지원되는 폰트의 포맷을 알아보겠습니다. 아래 표에서 보시는 것과 같이 모든 브라우져에서 동일하게 사용되는 포맷이 없기 때문에 각 브라우져에 필요한 폰트 포맷을 만들어야합니다.

폰트 포맷 생성

현재 제가 예제로 가지고 있는 폰트는 다음 폰트(파일 포맷 .ttf)입니다. 이 폰트 하나로 나머지 다른 포맷도 생성해보겠습니다. fontsquirrel이라는 사이트에서 이 모든 작업을 간편하게 도와줍니다.

다운로드를 하고 zip파일을 풀면 아래와 같은 파일들이 보입니다. 그 중에서 네모로 표시한 css와 폰트 파일만 사용하시면 됩니다.

css 파일 확인 및 수정

css파일을 열면 아래와 같은 코드가 보입니다. 아래의 파일에서 font-family를 확인합니다. 처음 다운 받았을 때는 font-family: ‘DaumRegular’입니다.

하지만 ‘워드프레스에 구글 웹폰트 로더와 @font-face로 한글 적용’ 포스트의 내용과 일치시키기 위하여 이름을 font-family 이름을 Daum_Regular로 변경하였습니다. 또한 파일 이름 stylesheet.css에서 쉽게 Daum_Regular.css로 변경하겠습니다.

stylesheet.css에서 쉽게 Daum_Regular.css로 변경하겠습니다.

 
@font-face {
    font-family: 'Daum_Regular';
    src: url('daum_regular-webfont.eot');
    src: url('daum_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('daum_regular-webfont.woff') format('woff'),
         url('daum_regular-webfont.ttf') format('truetype'),
         url('daum_regular-webfont.svg#DaumRegular') format('svg');
    font-weight: normal;
    font-style: normal;
 
}

브라우져마다 다른 폰트 포맷을 사용하기 때문에 웹사이트에서 해당 브라우져에서 지원하는 폰트를 적용해야하는 불편함이 있습니다. 하지만 다행히도 
fontsquirrel에서 쉽게 폰트 포맷과 css파일을 생성해주기 때문에 불편함이 많이 덜어진 것같네요.

소울메이트에는 명대사

누가 그러더라

남자는 운명의 여자를 만나면

더 나은 여자가 있을거라며

내 앞의 여자를 놓치고

여자는 운명의 남자를 만나면

운명인걸 알면서도 현실을 선택한다.

그냥 무조건 사랑하는거야.

이 사람보다 더 사랑할 사람이 없겠구나,

하고 사랑하면 그게 운명이고

이 사람 밖에 없다, 사랑하면

그게 또 운명이 되는거지.

백번의 눈빛보다

천번의 스킨쉽보다

만번의 입맞춤보다

여자의 가슴을 더 설레이게 하는건

사랑하는 남자한테서 듣는

사랑한다는 말한마디...

사랑의 상처는 딱지가 되어 앉기전에 치료해야해

안그러면 평생 습관성 편두통처럼 가슴 한쪽이 아파올꺼야.

전 다른 사람들 처럼

이유없이 당신을 사랑한다고는 말 못하겠습니다.

당신을 처음 보았을 땐

키도 크고 눈에 쌍커풀도 없고

웃는 모습이 좋았었습니다.

그래서 다른 사람이 아닌 당신에게 끌렸고,

그래서 좋아했고 사랑하게 되었습니다.

처음엔 그 이유가 몇가지 뿐이었지만 

지금은 셀 수 없이 많아진 것 뿐입니다.  

왜 사랑하는지 모를 정도로 많아진것 뿐입니다.

오래 걸으면 다리가 지치는거 처럼

오래 사랑을 하면 마음이 지치게 된다.

하지만 난 회복될 것을 믿는다.

진실한 사랑의 삼단 변화는

LOVE-LOVE-LOVE다.

"나는 별이 너무 아름다워서 눈물이 날 것 같았다.

파도 거품처럼, 비누방울처럼, 풍선처럼, 불꽃처럼,

아름다움의 끝에는 언제나

슬픔이 묻어나온다는걸 알고 있었기 때문인지도 모른다."

"선배... 저좀 도와주십시요.

저 행복하고 싶습니다. 선배도 알지 않습니까.

제가 그 사람을 얼마나 사랑하는지 말입니다.

처음엔 선배가 너무 미웠습니다.

그다음엔 선배를 선택한 그 사람이 너무너무 미웠습니다.

하지만 지금은 두 사람을 합해도 안될만큼

사랑받지 못해서 못나져만 가는 제 자신이 너무너무 밉습니다.

선배가 한번만 봐주십시오.

선배가 놓아 주십시오.

선배가 그 사람한테 저한테 다시 돌아가라고 말해 주십시오."

나도 행복하고 싶어. 행복해지고 싶어

그 사람 나한테 잠깐만 아주 잠깐만 빌려준다고 생각하면 안될까? 

"유진씨 미안해"

미안해. 너무 미안해...

"존 레논과 오노요코 이야기 아세요?

둘은 만나자 마자 서로 너무 닮아서 걷잡을 수 없이 빠져 들었대요.

사람들은 비틀즈가 오노요코 때문에 해산됐다고 비난 하지만

저는 존 레논이 용기 있는 사람이라고 생각해요.

다 뿌리치고 사랑인 걸  알았을 때 놓치지 않고 잡았으니깐요."

"난 니 마음을 들을 수 있어.

어서 내 마음을 읽어봐.. 너도 원한다면 내 마음을 읽을 수 있잖아

왜 말을 못해, 왜 말을 안해, 넌 바보가 아니잖아..

난 왜 가슴이 아프다고 하는데 넌 왜 아프다고 말을 못하니..

난 니가 평생 기다렸던.. 너의 소울메이트란 말이야." 

"첫사랑은 처음이라는 뜻 밖에 없는 건데

텔레비젼 보면 온통 첫사랑에 목매다는거 비현실적이라 보기 싫었거든

두번 세번 사랑하는 사람들을 헤퍼 보이게 하잖아..."

그 사람 처음엔 부담 스러웠는데 그냥 모른 척 하기엔 너무 안타깝고 너무 안쓰러웠어요.

나랑 너무 닮아서 보기만 해도 생각이 읽히고 그 사람이 아프면 내가 더 아프고

잘은 모르겠지만 내가 그사람 잡아 줘야 할 것 같아요.

내가 곁에 있어줘야 할것 같아요.

그게 운명인것 같아요.

정신이 나갔습니다. 마음이 나갔습니다. 영혼이 나갔습니다.

당신을 만나고 부터 제가, 제가 아닙니다.

"둘다 그만해. 다 필요없어. 그딴 기법, 이딴 연애 다이어리가 다 무슨 소용이야?

진짜 사랑이야. 진짜 사람의 마음이라구. 그걸 어떻게 기법이나 이론같은걸로 움직일 수 있겠어."

"니들도 잘 알지만 난 잘생긴 여자만 보면

환장하는 타입 아니냐, 근데 그 문방구 가면같이

조잡한 얼굴이 자꾸 예뻐 보이려고 한단 말이야

웃기지? 난 운명이라는 거 잘 안 믿지만,

누가 나한테 운명이 뭐냐고 물으면,

이젠 고마운게 운명이라고 말할 거 같단 말이지.

그 사람이 내 옆에 있어줘서 고맙고

그 사람이 나랑 같이 웃어줘서 고맙고

그 사람이 나랑같이 울어줘서 고맙고..

뭐 그딴거 있잖냐~"

연애는 입술을 떨리게 하지만...

사랑은 가슴을 떨리게 한다...

세상에

완벽한 남자와 완벽한 여자는 없다.

모자라는 남자와 모자라는 여자가 만들어가는

완벽한 사랑이 있을뿐이다...

연애라는 게임에서는 항상 덜 사랑하는 쪽이 유리하다.

"원래 남자와 여자는 처음엔 한 몸으로 붙어있었대

그런데 둘이 떨어지게 되자

자기와 딱 맞아 떨어지는 반쪽을 찾으러 다닌데..."

사랑은 하는게 아니라 오는거야.

이별이 잔인할 수 록 미련은 가벼운법...

이 사람과 손이 닿으면

고슴도치를 안고 있는것처럼

마음이 아프다.

그런데 계속 아프고 싶다.

진정한 남자는 여자가 뒷모습을 보이며

떠나가게 하지 않습니다.

사랑이 말한다. 가끔은 확인이 필요하다고...

사랑이 경고한다. 잘못하면 상처받는다고...

사랑은 확인하는것이 아니라 확신 하는것이다.

이렇게 엇갈리고..

엇갈리고.. 또 엇갈릴지라도..

소울메이트라면.. 정말 소울메이트라면.. 

언젠가는 정말 잘 되는 거겠지..

----