크롬 브라우저에서 영문 자간이 불규칙하게 벌어지는 현상 해결하기

• 목록
• 스크랩

크롬 브라우저에서 영문 자간이 불규칙하게 벌어지는 현상 해결하기

그누보드 운영 시 크롬 브라우저에서 영문 자간이 깨지거나 벌어지는 원인을 파악하고, CSS 설정 변경을 통해 간격을 일정하게 바로잡는 방법을 안내합니다.

크롬 브라우저 영문 자간 불규칙 현상의 원인

크롬 브라우저를 사용할 때 특정 영문 단어(예: admin)의 글자 간격이 불규칙하게 벌어지거나 깨져 보이는 현상은 그누보드의 기본 폰트 설정이 한글 폰트인 '돋움'을 우선하도록 지정되어 있기 때문에 발생합니다. 이로 인해 영문 렌더링 과정에서 충돌이 일어나며, 해결을 위해서는 CSS 파일에서 폰트 우선순위를 변경하여 영문 폰트가 먼저 적용되도록 설정해야 합니다.

크롬 브라우저 영문 자간 불규칙 현상 해결을 위한 CSS 수정 방법

크롬 브라우저에서 특정 영문 단어의 글자 간격이 불규칙하게 벌어지는 문제를 해결하려면 그누보드 테마 또는 사이트의 default.css 파일을 수정해야 합니다.

1. 수정 전 백업

CSS 파일을 수정하기 전에 반드시 원본 파일을 별도의 폴더에 백업해 두어야 합니다. 문제가 발생할 경우 백업본을 덮어씌워 즉시 복구할 수 있습니다.

2. default.css 파일 수정

default.css 파일에서 font-family 속성의 폰트 우선순위를 변경하여 영문 폰트가 한글 폰트보다 먼저 적용되도록 설정합니다. 기존 설정이 '돋움'을 우선하고 있다면 다음과 같이 영문 폰트(Arial 등)를 가장 앞에 배치합니다.

font-family: Arial, '돋움', Dotum, sans-serif;

3. 적용 후 점검

파일 수정 후 브라우저 캐시를 삭제하거나 새로고침(Ctrl + F5)을 수행하여 변경 사항이 적용되었는지 확인합니다. 영문 단어의 자간이 일정하게 출력되면 정상적으로 해결된 것입니다.

CSS 파일 백업 및 수정 후 반영 확인 방법

원본 백업 방법

CSS 파일을 수정하기 전에 반드시 원본 파일을 별도의 폴더에 백업해 두어야 합니다. 문제가 발생할 경우 백업본을 원래 위치에 덮어씌워 즉시 복구할 수 있습니다.

수정 후 반영 여부 확인

파일 수정 후 브라우저 캐시를 삭제하거나 새로고침(Ctrl + F5)을 수행하여 변경 사항이 적용되었는지 확인합니다. 영문 단어의 자간이 일정하게 출력된다면 정상적으로 해결된 것입니다.

함께 보면 좋은 글

• 크롬 브라우저에서 비밀번호 입력란이 보이지 않는 문제 해결
• 그누보드4 브라우저 종료 시 자동 로그아웃 설정 방법

참고자료

기타 참고자료

• mercury-seed.com — 크롬 브라우저에서 영문 자간이 불규칙하게 벌어지는 현상 해결하기