작업실

그누보드5 내용스킨 본문 폰트크기 변경하기

컨텐츠 정보

본문

 

 

 

요새와서 홈페이지를 만지다보니 내용스킨의 글자 폰트 크기가 너무 작은 것을 느꼈습니다.

 

네이버나 다음, 다른 워드프레스 홈페이지보다 훨씬 작더라구요.

 

그래서 가독성 향상을 위해 내용스킨의 폰트 크기를 키우려고 합니다.

 

이 폰트 크기가 에디터에 따라 다르다고 생각했는데 그게 아니더라구요.

 

지금 이 글을 쓰는 동안 스마트에디터에는 9pt 라고 표시가 되고 있지만, 실제 출력될 때는 제가 설정한 폰트 크기로 나옵니다.

 

물론 에디터에서 해당영역의 폰트크키를 수정하면 당연히 해당 폰트크기로 나옵니다.

 

하지만 저는 기본 폰트크기를 바꾸고 싶었습니다.

 

 

우선 그누보드5 기본 내용스킨 변경은 링크 1을 참조하세요.

 

저는 아미나 빌더에서 내용스킨 변경에 대해 알려드리고자 합니다.

 

 

직접 변경 소스를 알려드리기 이전에 해당 소스를 직접 확인하고 실시간으로 변경하는 방법을 보여드리겠습니다.

 

http://amina.co.kr/bbs/board.php?bo_table=tip&wr_id=288 

 

위 링크 보시면 원하는 css 영역을 확인할 수 있습니다.

 

 

 

위 스샷을 보면 1. 아이콘을 누른 후 왼쪽에 원하는 내용을 클릭하면 제일 오른쪽 해당 css가 나옵니다.

 

아미나 내용스킨의 경우  

 

1. 기본 basic 보드

 

/skin/board/basic/style.css 에 있습니다. 

 

2. Basic-Board 2.0 보드  (링크 - http://amina.co.kr/bbs/board.php?bo_table=skin_amina&wr_id=361 )

 

/skin/board/Basic-Board/view/basic/view.css 에 있습니다. 

 

 

보드는 달라도 본문 폰트크기 설정하는 곳은 같습니다.

 


.view-content p { padding:0; margin:0; line-height:180%; } 

 

위 코드를 찾아서 수정하면 됩니다.

 

저는 폰트크기 16px이 좋아서 

 


.view-content p { padding:0; margin:0; line-height:180%; font-size:16px; } 

 

위와 같이 설정해줬습니다.

 

 

이렇게 설정해주면 기존에 작성했던 글에서 폰트크기를 다르게 지정한 경우에도 상대적으로 비슷한 비율로 폰트가 커집니다.

 

모바일에서도 폰트 크기가 커져서 좋네요. ㅎㅎ

관련자료

댓글 0
등록된 댓글이 없습니다.
전체 157 / 15 페이지
RSS

최근글


새댓글


알림 0