2013년 9월 16일 월요일

동적뷰 본문 폰트 크기 설정

그림1

동적뷰 사용시 맞춤설정에서 폰트 크기를 아무리 설정 해줘도 본문 폰트 사이즈가 바뀌지 않는데요.

그림2

크롬이나 파이어폭스에서 요소 검사를 했을 때, 동적뷰 본문의 폰트 크기는 일반 템플릿과 달리 article이란 class에 스타일 설정이 되어 있는 것을 볼 수 있었습니다.

 .article {  
 font-size:10px;  
 }  

고로, 동적뷰 본문의 글자 크기를 조절하시려면 위의 코드를 [대시보드 → 템플릿 → 맞춤설정 → 고급 → CSS추가] 에 삽입하시면 됩니다. 삽입하실 때, 10px 자리에는 원하는 픽셀이나 em을 입력하시면 됩니다.


데모 보기


! 내용 수정

아래의 코드로도 본문 폰트 크기를 설정할 수 있습니다.

 .article .article-content {  
 font-size:12px;  
 }  

! 본문의 폰트 크기와 줄 간 간격을 같이 설정하시려면, 아래의 글을 참고하시기 바랍니다.

본문 줄 간 간격 설정하기



댓글 5개:

  1. 우와, 감사합니다!
    혹시 헤더타이틀 외에 본문 제목의 크기나 굵기를 조절하려면 어찌해야되는지 여쭤봐도 될까요??? ㅠ.

    답글삭제
    답글
    1. 동적뷰 본문 제목 폰트 크기 및 굵기 조절하는 방법 올렸습니다. 원하시는 내용이 맞는지 한번 확인해보세요. http://ielselog.blogspot.kr/2013/09/dv-post-title-font-size.html

      삭제
  2. 동적뷰 폰트를 변경하는 법을 알 수 있을까요? 나눔고딕이나 맑은고딕 같은....

    답글삭제
  3. 와.. 정말 감사합니다 속터져서 포기할뻔 했는데 덕분에 수정완료했습니다^^

    답글삭제
  4. 와.. 정말 감사합니다 속터져서 포기할뻔 했는데 덕분에 수정완료했습니다^^

    답글삭제