소소한 금융상식


인피드 광고와 폰트 비슷하게 맞추기

인피드 광고를 넣어놨지만 인피드 광고의 수익이 아주 저조한 상태이다. 원인을 분석해봤는데 꾸며놓은 폰트와 이질감이 너무 심해서가 아닐까. 비슷하게 만들면 클릭률을 높힐 수 있지않을까 하는 기대에 CSS 갈아엎음. 돌아올 수 없는 강을 건너기 전 메모장에 css를 복붙해놨다.

사이드바 조절할 수있는 부분을 찾아서, 잔뜩 꾸며놨던 폰트를 모두 삭제했다. 혹시나하는 마음에 font-family 삭제해봤더니 기본폰트로 바뀌는듯 하다.

완전 똑같이는 할 수 없었다. 애드센스의 기본폰트가 뭔지 찾지못했다. 나눔고딕은 아닌데..뭘까 좀 더 찾아봐야겠다. 그리고 왼쪽에 간격을 넣어서 애드센스 광고와 같이 글자시작부분을 맞추려했는데, 날짜부분의 왼쪽 간격을 주는 방법을 찾지못했다. (ㅎ.ㅎ) ....


썸네일 이미지의 테두리 굵기와 색상 지정하기

CSS에서 썸네일 이미지의 테두리 굵기와 색상을 지정할 수 있음

css 기본적인 글자 수정 방법

  • letter-spacing 자간(글자 사이 간격)
  • word-spacing 어간(단어 사이 간격)
  • line-height 행간(줄간격)
  • font-weight 글자 두께 조절


썸네일의 사진과 설명글 간격 조절

margin-left 를 수정하면 된다.

반응형