블로그 관련된 사항들입니다.

반응형
여러가지/일상생활

블로그 폰트 가독성개선

  • -
반응형

티스토리 블로그

블로그 시작한지 딱 4달째 되는날이네요 ㅎㅎ..

그만큼 블로그에 많이 신경이 가는데, 블로그 처음에 만들때 가독성 부분을 신경써서 했었는데 크롬만 사용하는지라.. 익스플로러에서 보여지는 부분을 모르다가 이번에 알게됐습니다.. 익스플로러에서는 폰트가 상당히 뭉개져서 좀 놀랐어요..XD 이번기회에 겸사겸사 살짝 손봤네여

/ 세이브용으로 남기는 포스팅


폰트

프로필란에 폰트가 뒤죽박죽이여서 익스플로러의 경우 블로그제목 'Playball'폰트가 표시가 안되고 숫자들이 상당히 뭉개져있었는데, CSS에서 '나눔스퀘어'폰트 기준을 바꾸니 해결이 됐고, 기존 닉네임만 표기됐는데 이번기회에 몇가지 링크를 추가했습니다. px14로 타협


<span class="txt_profile">

<a href="http://pepepien.tistory.com/notice/7" style="color:#fff" title="About PieN">피엔(PN)</a><span class="txt_bar"></span>

<a href="https://pepepien.tistory.com/guestbook" style="color:#fff" title="방명록">방명록 </a>

<span class="txt_bar"></span>

<a href="#" style="color:#fff" title="친구하기" onclick="window.open('toolbar/popup/link','','width=500,height=520');">이웃추가</a></span>


사용폰트

NanumSquare, Playball



컬러

익스플로러에서는 왜인지 폰트들이 완전히 뭉개져서 <body>를 다시 손봤고, 전체적으로 폰트크기를 14px에서 17px로 조절해서 타협을 봤습니다. 왜그런지는 잘 모르겠지만, 적용해도 같은폰트 다른느낌이네요.. 포스팅 내용의 컬러때문에도 뭉개짐+애매함때문에 본문만 color:#5c5c5c에서 #000으로 완전 블랙으로 변경됐는데 부드러운느낌보다도 확실히 좋아졌다고 생각합니다. 



#ff0050

#5c5c5c

#000000



반응형
Contents

포스팅 주소를 복사했습니다

공감 한번 눌러주세요~~!