Main Menu
style.css :: 4
구글 웹폰트, 티스토리에 적용하는 방법 제 블로그는 지난 해 9월부터 모빌리스 웹폰트를 적용하고 잘 사용해 왔습니다. 웹폰트를 적용한 후, 방문자의 브라우저 종류에 관계없이 같은 글꼴, 같은 레이아웃의 화면을 보여줄 수 있어 무척 유용하게 사용해 왔습니다. 가끔 모빌리스 웹폰트 서버에 문제가 있는지 폰트를 제대로 불러오지 못하는 경우도 있었지만 자주 있는 일은 아니었고, 무료로 제공되는 서비스라 어쨌든 고맙게 사용해 왔습니다. 웹폰트가 무엇인지, 왜 쓰는지 궁금하다면 아래 포스팅을 읽어보세요. 2012/09/09 - 여러 브라우저에서 같은 폰트를 보려면, 모빌리스 웹폰트 적용하기 그런데, 며칠전부터 모빌리스 웹폰트가 제대로 표시되지 않았습니다. 의례 일시적인 증상일 것이라 생각하고 그냥 넘겼는데, 며칠째..
포스팅의 HTML소스를 열어본 적이 있습니까? 포스팅의 기본 글꼴 크기나 줄 간격은 각자 취향대로 설정하게 되죠. 저는 기본 설정된 글꼴 크기가 너무 작고 줄과 줄사이의 간격이 너무 좁아 포스팅 작성 후 수동으로 글꼴 크기와 줄 간격을 늘려주곤 했습니다. 그런데, 매번 이런 작업을 따로 해주는게 번거로울 뿐 더러, 작성한 포스팅의 HTML 코드를 보면 엄청나게 지저분한 것이 계속 맘에 걸려 티스토리 관리자의 HTML/CSS 편집에서 기본 값을 수정해 보았습니다. 본문의 기본 글꼴 크기나 줄간격을 수정하지 않고 기본 값을 사용하여 포스팅하시는 분이라면, 이 포스팅이 별 도움되지 않겠지만, 저같이 포스팅을 작성할 때마다 본문 전체의 글꼴 크기와 줄 간격을 수작업으로 설정하셨던 분이라면, 도움이 될 것이라 생..
티스토리 포스팅의 이미지와 글 사이의 간격을 줄이는 방법 포스팅을 하면서 이미지 파일을 즐겨 넣는 편인데, 이미지와 글 사이의 간격이 너무 넓어 가독성이 떨어진다고 느낀 적이 많았습니다. 제 글은 대부분 글 다음에 글에 해당하는 이미지가 따라 나오는 스타일인데, 글과 이미지 사이의 간격이 너무 넓으니 글과 이미지가 동떨어져 보이는 것이죠. 때문에 이미지 다음 글에는 일부러 엔터를 두어번 입력하여 강제로 간격을 떨어뜨리곤 했는데요, 영 불편해서 이미지 간격을 설정한 태그를 찾아서, 이미지와 글 사이의 간격을 아예 줄였습니다. 방법은 다음과 같습니다. 1. 티스토리 관리자에서 [HTML/CSS 편집] 항목을 클릭합니다. 2. CTRL+F 키를 눌러 검색창을 열고, 찾기 창에 imageb 를 입력합니다. 3...
티스토리 각주 색상 설정하는 방법 정말 오랫만에 블로그의 마이너한 정리 작업을 했습니다. 제목에 넣었던 플래시, 지저분한 사이드 위젯 등을 제거하고 바닥면에 정렬되지 않고 방치되어 있던 다음 뷰, 믹시업 위젯 및 메타 블로그 아이콘 등등, 신경쓰였지만 게으름탓에 방치해두었던 부분들을 맘먹고 정리했는데요, 오랫만에 여기저기 손을 대다보니 하루가 훌쩍흘러가 버렸네요. 나름대로의 정리가 끝나고, 깔끔해졌다 싶은 생각이 들때즈음, 기존 포스팅을 확인하다보니 이상한 점이 발견되었습니다. 각주 내용이 전혀 보이지 않는 것이었습니다. 더 정확히 말하면, 각주가 표시되지 않는게 아니라, 흰색 바탕에 흰색 글씨로 표시되는 상황이었는데요, 숫자와 [본문으로] 라는 문구만 남아 더 기괴해 보입니다. 아마 여기저기 블로그 설..
Copyright 컴터맨의 컴퓨터 이야기 All Rights Reserved
Designed by JB FACTORY