Blog Tip/Design22 블로그에 웹폰트 적용하기 / 폰트 변경하기 대부분의 블로그에서는 폰트를 변경하지 않은 채 기본폰트만을 이용하거나 내지는 블로그 에디터에서 기본적으로 제공해주는 폰트를 사용하고는 합니다. 네이버 블로그의 경우에는 다양한 웹폰트를 제공하고 있으니 그나마 선택의 폭이 다양하지만 티스토리의 경우에는 한글폰트로 지원해주는 것은 네 가지의 기본폰트밖에 없습니다. 그마저도 거의 사용하지 않는 것들을 제외하면 돋움과 굴림체로 두 가지 밖에 되지 않습니다. 그러나 요즈음에 블로그를 둘러보면 여럿 블로그들이 맑은 고딕이나 나눔 고딕으로 포스트를 작성하고 있음을 확인할 수 있습니다. 맑은 고딕이야 상당수의 유저들이 윈도우 XP 이상의 운영체제를 사용하고 있기에 굳이 사용자에게 설치를 권유하지 않더라도 다수의 방문객의 화면에서 비슷한 화면을 출력시켜줄 수 있지만 이를.. 2013. 1. 11. 블로그 로딩 속도 측정, 그리고 단축하기 다른 블로그는 어떠한지 잘 모르겠지만 제 블로그 같은 경우 로그기록을 살펴보면 방문객의 평균 방문시간이 길었을때는 2분~3분정도인 날도 조금씩 있었지만 대개의 경우에는 약 1분정도의 시간을 갖는것으로 나타나고 있습니다. 더 자세히 살펴봤을 때, 30초 미만의 시간동안 블로그에 체류하는 경우는 전체 유입량의 약 70~80%를 차지하고 있었습니다. 30초 미만의 시간동안에 체류하는 경우의 상당수는 또 대개의 경우 10초 미만 체류하는 경우가 많았습니다. 원하는 정보를 얻고자 접속한것이라는 가정을 내렸을 때, 10초 미만 체류하는 경우는 페이지 로딩이 되기도 전에 블로그에서 접속을 종료했다는 이야기로 이해할 수 있습니다. 긴 글에서 10초만에 원하는 정보를 얻는다는 것은 사실 힘든 일이기 때문입니다. 결국 블.. 2013. 1. 3. 블로그의 대표 아이콘, 파비콘 달기 컴퓨터상에서 사용하고자 하는 프로그램을 설치하면, 바탕화면에 바로가기가 생기며 그 바로가기는 하나의 '아이콘'이라고 불려집니다. 그 아이콘은 해당 프로그램을 가장 잘 나타내고 한번에 인식할 수 있는 모양이기 마련입니다. 웹상의 홈페이지를 나타내는 아이콘 역시도 마찬가지입니다. 이 아이콘은 주소창의 왼쪽에 나타남으로써 확인할 수 있습니다. 네이버의 경우에는 네이버만의 색인 초록색의 검색창을 형상화한 아이콘을 사용하고 있으며 다음의 경우에는 Daum의 D를 아이콘으로 사용하고 있습니다. 구글이나 네이트 역시도 마찬가지입니다. 하나의 어플리케이션을 대표하는 이미지를 '아이콘'이라 부르는 것 처럼 앞서 살펴본 웹사이트를 대표하는 이미지 역시도 부르는 명칭이 따로 있습니다. 이는 '파비콘'이라고 부릅니다. 파비콘.. 2013. 1. 1. 드래그 영역(블록설정) 색깔 바꾸기 일반적인 경우라면 IE9에서 브라우저를 드래그시 상단과 같이 파란색에 흰색 글씨로 해당 영역이 강조됩니다. 하지만 아래와 같이 블록설정때의 색을 변경할 수 있습니다. 드래그 영역의 색깔을 바꾸는 법에 대해서 소개해드리도록 하겠습니다. 1. 네이버에서 RGB색상을 검색하여 원하는 색상을 미리 찾습니다. : 배경이 될 색상과 글의 색 총 두가지가 필요합니다. 2. 스타일시트에 다음의 속성을 추가합니다. - ::selection { background:원하는 배경색; color: 원하는 글자색; text-shadow: none;} ex) ::selection { background:#47C83E; color: #FFF; text-shadow: none;} text-shadow옵션을 통해 글자에 배경까지 줄 수.. 2012. 12. 11. 이전 1 2 3 다음 반응형
