목록고정 (2)
키스세븐
[굴림과 굴림체의 차이점, 일본 나루체를 모방한 굴림체, 무료 글꼴] 윈도우즈를 초기부터 사용해 온 사용자라면 가장 친숙한 글꼴체가 굴림체입니다. 그간 굴림체가 일본 서체라는 점은 많이 알려져서, 공공기관에서 굴림체를 사용하면 논란이 일기도 합니다. 그러다보니 굴림체는 어떤 것인지, 폰트목록에 있는 "굴림"과 "굴림체"의 차이는 무엇인지 궁금증을 만들기도 합니다. 굴림과 굴림체의 차이점 우선 폰트리스트에서 볼 수 있는 굴림과 굴림체의 차이점을 먼저 알아봅시다. 굴림과 굴림체의 차이점은 가변글꼴이냐 고정글꼴이냐의 차이점입니다. 글자 폰트는 저마다의 너비를 가지고 있습니다. 예를 들어 영문을 보자면, A와 I는 가로의 폭이 다릅니다. 이때 고정글꼴은 각 글자마다 같은 폭을 가지고 있으므로 "A I R"처럼 ..
[메뉴나 팝업 등에 써먹기 좋은 "떠있는 고정 레이어" 코드 만들기] 떠 있는 고정 레이어? 어떤 사이트에서는 마우스 휠을 굴려서 화면을 아래로 스크롤 하더라도 상단의 메뉴가 계속 같은 자리를 차지하고 있는 것을 볼 수가 있습니다. 또 어떤 사이트에서는 화면이 스크롤 되도 배너가 계속 같은 자리에 떠 있는 것을 볼 수가 있습니다. 이것은 레이어를 fixed로 띄워서 놓았기 때문입니다. 브라우저 상에서의 고정 좌표를 지정하여서 계속 그 좌표에 있게 하면 아무리 화면이 움직여도 자리가 변하지 않습니다. 계속 같은 자리에 떠 있으면서 고정되는 레이어이기 때문입니다. 화면 디자인용이나, 배너용, 메뉴용 등으로 자주 활용되는 떠 있는 고정 레이어의 소스코드에 대해 알아 보도록 하겠습니다. CSS에서의 모양을 정하..