작업실

그누보드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
등록된 댓글이 없습니다.
Total 157 / 6 Page
RSS
미소 베이직 4.0 테마로 작업 완료했습니다. 댓글 4

기존 테마는 미소 베이직 3.0이었습니다.하지만 오늘 미소 베이직 4.0이 나오면서 바로 갈아탔습니다. ㅎㅎ예전에 10월 초에 나온다고 들었었는…

그누보드5에 이모지 이모티콘 사용하기 (MariaDB, MySQL, utf8mb4)

1. Emoji 이모지 문자열 이모티콘이란?에모지(絵文字, Emoji; 한국 한자: 회문자)는 일본의 휴대 전화 단문 메시지(SMS)에서 사용하…

텔레그램 공유하기 버튼 추가

예전에 반짝 인기 있었던 텔레그램으로 웹페이지의 URL을 보내는 버튼을추가하는 방법입니다.그누보드5 순정은 http://sir.kr/g5_tip…

Nginx에서 모든 요청을 https non-www로 돌리는 방법 두번째

한달 전 쯤에 링크1에 올린 글처럼 작성했었습니다.링크2에서 더 좋아보이는(?) 듯한 방법이 있어, 현재 제 홈페이지도 이렇게 적용했습니다.1.…

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

요새와서 홈페이지를 만지다보니 내용스킨의 글자 폰트 크기가 너무 작은 것을 느꼈습니다.네이버나 다음, 다른 워드프레스 홈페이지보다 훨씬 작더라구…

그누보드5 X Nginx FastCGI Cache

지난 10월 22일부터 여기 홈페이지에 적용했습니다만 장점보다 단점이 많아서 잠시 중단 중입니다.현재는 테스트 사이트에만 적용하고 있습니다. (…

최근글


새댓글


알림 0