star

#Ludens

#social #IT #web #iPad #fashion #psychology #responsive

스킨,폰트 바꿨습니다.

2009.02.20 22:09 in Blog


참 오랜만에(?) 스킨을 바꿨네요.

Windows 7을 설치하고 난 뒤로 바꾸어야 겠다는 생각은 계속 있었는데 말이죠.
어쨌든 이번 컨셉을 윈도우7으로 잡으려다 home.live.com으로 바꾸었습니다[각주:1]

다른 3단스킨을 찾아헤매다가 결국 못찾아서 2단이라도 쓰자고 했으나... 결국 맘에드는 스킨이 없어서 이전에 쓰던 Butterfly스킨을 수정했습니다.
사용자 삽입 이미지
일단 왼쪽 사이드바 옆에있던 메뉴를 다 없애고 본문폭을 550px로 늘렸습니다. 470은 너무 답답해요ㅠㅠ 그리고 메뉴들은 일단 위로 올렸는데 좀 휑한것 같기도 하군요 흠;;;

두번째로 폰트도 바꿨지요.
한겨레결체 이후에 무료폰트를 물색하던 중 순천향체가 눈에 들어왔습니다.
사용자 삽입 이미지
깔끔하고 보기 좋은게 딱이더군요+_+
순천향대학교에서 만들어 여기에서 무료배포를 하고 있습니다.

저번과는 다르게 eot도 적용시켜보았습니다.
@font-face {font-family: "순천향체";src: url("./images/fonts.TTF");}
@font-face {font-family: "순천향체IE";src: url("./images/fonts.eot");}
위처럼 무식하게(?) 폰트페이스를 두개 적용을 했더니 잘 나오더군요.
일단 저는 오페라,크롬,IE7에서 테스트해본 결과 잘 나왔습니다.

나름 윈도우삘을 낸다고 했는데 잘 된건지 모르겠네요.
적용하고 보니 그냥 시원한 느낌의 스킨이 된듯한 느낌이;;;

+추가합니다
일단 사이드바 크기를 좀더 줄였습니다. 그래도 Karion님이 말씀해주신 문제가 해결이 안되네요ㅠㅠㅠ 가로해상도가 1024 이상이면 잘 보이긴 합니다만;;;
위의 메뉴를 '아크몬드'님의 '아크몬드바'로 적용시켰습니다. 원래 용도는 저게 아닌데 말입니다. 아크몬드님껜 죄송(?)하군요;;;

++추가합니다
IE6에서 이상하게 나와서 eot가 있는 구절은 뺐습니다-_-+ 진짜 IE6는 공공의 적인듯...

덧)전 순천향대생이 아니에요;;;
덧2)스킨 깨지는부분이 있으면 말씀해주세요~

  1. 결국 거기서 거기이긴 합니다만;;; [본문으로]
신고
tag, , , , , , , , , ,
받은 트랙백이 없고 , 댓글20개가 달렸습니다.

티스토리 툴바