Copy Coding

요즘 사용하는 편집기들은 폰트 크기 조절은 간단하게 Ctrl+마우스휠로 간단하게 크기를 조절 하도록 되어 있는데 eclipse는 아직도 설정을 통해서만 글자 크기를 조절 하도록 되어 있습니다.  그러다 보니 가끔 방법이 생각나지 않을 때가 있습니다.  작업은 단순 합니다.

1. 설정을 통한 변경

먼저 Window 메뉴에서 Preferences 를 선택 합니다.

좌측 메뉴에서 General을 확장 하고 다시 Appearance를 확장하여 Colors and Fonts를 선택 합니다.

우측 화면은 버전에 따라 조금 다를 수 있지만 어째든 원하는 언어를 확장 하여 Editor Text Font를 선택 하고 우측 상단 Edit 버튼을 클릭 합니다.

원하는 글꼴과 크기를 선택 하여 적용하면 됩니다.

흠. 너무 크게 했군요. 적당히 수정 합니다.

위쪽에서 Preferences 창을 보고 알았겠지만 폰트 크기를 변경하면 모두 바뀌는게 아니고 java는java대로 javascript는 javascript대로 각각 설정을 해야 합니다.

javascript를 수정하려면 이런식으로 동일한 작업을 해야 합니다.

2. 단축키 이용 변경

단축키를 이용하면 폰트 자체는 변경이 되지 않고 크기만 변경이 가능 합니다.

2.1 메인 키패드 ‘+’, ‘-‘ 사용

자판위에 있는 ‘+’ 키와 ‘-‘ 키를 이용하는 방법은 Ctrl 키와 같이 사용하면 됩니다.

Ctrl + ‘+’ : 글자 크기 확대

Ctrl + ‘-‘ : 글자 크기 축소

2.2 숫자 키패드 ‘+’, ‘-‘ 사용

숫자키와 같이 있는 ‘+’ 키와 ‘-‘ 키를 이용할때는 Ctrl 키와 Shift 키를 같이 사용하면 됩니다.

Ctrl + Shift + ‘+’ : 글자 크기 확대

Ctrl + Shift + ‘-‘ : 글자 크기 축소

- copy coding -

tistory를 사용하면서 본문 내용 폰트가 너무 작아서 처음부터 변경을 하려고 생각만 하고 있다가

오랜만에 검색을 해보았지만 나오는 설명들이 나하고는 맞지가 않아 하는 수 없이

시간을 내서 직접 작업을 해보았습니다.

사용자 마다 스킨이 다를 텐데 저의 경우는 반응형 Square를 사용하고 있습니다.

폰트는 다들 나눔 고딕을 많이 사용하는 것 같은데 검색을 하다 보니 본고딕(Noto Sans)이

괜찮아 보여서 이것으로 선택을 하였습니다.

https://www.google.com/get/noto/#sans-kore

이곳에 가면 글씨의 원본을 볼 수 있습니다.

하단에는 캡쳐를 해왔는데 이미지가 작아서 별로인 것 같고 직접 가서 보시길 추천 합니다.

폰트는 다운로드를 받아서 설치를 하려고 했는데 생각보다 파일이 너무 크더군요.

요즘에 링크로도 해결이 되는데 굳이 다운받고 업로드 하기가 귀찮아 그냥 링크 방식으로 했습니다.

자. 그럼 작업을 시작 합니다.

먼저 로그인을 하고 관리자 페이지 좌측 메뉴에서 [스킨 편집]을 선택 하면

우측에 [html 편집] 버튼이 보입니다.

[html 편집] 버튼을 누르면 화면이 바뀌면서 [HTML | CSS | 파일업로드] 가 나타 납니다.

여기서는 CSS를 선택 합니다.

아래 그림을 보고 저와 내용이 다르면 더 이상 이 글을 읽을 필요가 없습니다.

저와 css 구조가 달라서 적용이 안될 수 있습니다.

먼저 사용하지 않을 폰트는 주석처리를 하고 신규로 추가를 했습니다.

/*@import url(http://fonts.googleapis.com/css?family=Ubuntu+Condensed);*/

/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/

@import url(http://fonts.googleapis.com/earlyaccess/notosanskr.css);

그리고 font-size:를 키우고 font-family:에 폰트를 추가 해주고 사이트를 새로고침 했는데

영향이 없습니다.

textarea { font-size: 15px; font-family: 'Noto Sans KR', sans-serif; line-height: 200%; }

그래서 모든 font-family: 를 찾아서 수정하고 별 방법을 다 했는데 저하고는 하나도 맞지가 않더군요.

결국 div와 span이 좌측 메뉴 구조와 내용에 영향을 주는 tag인걸 찾아내서

그냥 아래처럼 span, div를 추가하는 것으로 마무리를 했습니다.

이제는 글씨도 좀 커지고 제가 보기에는 만족 스럽습니다.

그럼 된거죠.

- copy coding -