게시판 기본 폰트 사이즈 변경하기

요즘은 평균 모니터 사이즈가 커지면서 그누보드 기본 폰트 사이즈인 12px를 사용하면 글씨가 작아서 본문 내용을 읽을 때 눈도 피로해지고 답답할 때가 있습니다. 그래서 현재 그누스터디도 본문 내용 기본 폰트 크기를 크게 수정해놓은 상태인데요

게시판 본문 내용 기본 폰트 사이즈를 키우는 방법을 살펴보겠습니다.

그누보드5 배포 버전 basic 스킨을 기준으로 설명된 거고 기본 스킨이 아니거나 빌더라면 차이가 있습니다.

1. 스마트에디터를 사용하지 않을 때

수정파일 : 스킨 폴더 안에 있는 style.css

#bo_w .tbl_frm01 textarea {font-size:14px}  

여기에서 글자 크기를 별도로 지정하면 글쓰기 입력 화면에서 커지게 됩니다.

마찬가지로 여기에서 글자 크기를 별도로 지정하면 view 화면에서 본문 글자 크기가 커집니다.

#bo_v_con {margin-bottom:30px;width:100%;font-size:14px;line-height:1.7em;word-break:break-all;overflow:hidden} 

아래 스크린샷처럼 본문 글자 크기가 배포 버전보다 더 커져있습니다.

2. 스마트에디터를 사용할 때

스마트 에디터를 사용하고 있다면 위에 있는 내용은 기본적으로 수정을 한 상태에서 에디터도 수정해야 합니다.  

스마트 에디터는 기본 설정이 9pt, px 단위로는 12px 정도로 설정되어 있습니다. 이걸 키워 보겠습니다. 
 

수정파일 : plugin/editor/smarteditor2/css/smart_editor2_in.css
 

해당 파일 아랫부분에서 font-size를 14.5px로 키워줍니다. 기본 설정은 12px로 되어 있을 겁니다.

body,.se2_inputarea{margin:0;padding:0;font-family:'돋움',Dotum,Helvetica,Sans-serif;font-size:14.5px;line-height:1.5}

14px로 수정하면 10.5pt로 되는데 에디터 옵션에 10.5pt는 따로 없기 때문에 11pt로 해놓은 겁니다.
14.5px나 14px나 별 차이 안 납니다.

사이즈를 통일하고 싶으면 스킨 파일 style.css 에서 수정했던 부분 14px 대신 14.5px로 해도 됩니다.

상호 변환 사이즈는 대략 이렇게 됩니다.

9pt > 12px

10pt > 13px

11pt > 14.5px

12pt > 16px

수정 후 화면입니다. 11pt로 변경되었고 글자 크기도 커져있네요.

글자 크기뿐 아니라 줄 간격도 통일 시키고 싶다면 line-height: 수치를 적절히 조절하면 됩니다. 

출처 : http://gnustudy.com/bbs/board.php?bo_table=gnu_tip&wr_id=29​