테마 파일. css 맨 아래에 아래 코드를 넣습니다.
적용테마파일 위치
설치폴더/plugins/devryan/Components/Themes/Devryan/assets/css/theme.css
/* =================================================================
1. 외부 웹폰트 로드 (파일 최상단에 위치하는 것을 권장)
================================================================= */
@import url('https://jsdelivr.net');
@import url('https://googleapis.com');
/* =================================================================
2. 기본 바탕 레이어: 아무 설정도 안 한 본문 글을 얇고 정갈하게 지정
================================================================= */
html body ._xe_contents_compiler,
html body xe-content,
html body .xe-content {
/* 영문은 Inter, 한글은 Pretendard 최우선 적용 */
font-family: "Inter", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
/* 아무 지정도 안 한 기본 상태는 얇은 300 두께 유지 */
font-weight: 300 !important;
/* 글자가 부풀어 오르는 현상을 막는 렌더링 초기화 */
-webkit-font-smoothing: antialiased !important;
-moz-osx-font-smoothing: grayscale !important;
text-shadow: none !important;
/* 가독성 기본 밸런스 설정 (수정 가능) */
font-size: 16px;
line-height: 1.65 !important;
letter-spacing: -0.02em !important;
/* !important를 제거하여 에디터 글자 색상이 정상 적용되도록 조치 */
color: #1f1f1f;
}
/* =================================================================
3. 에디터 서식 허용 레이어: 하위 요소들의 개별 색상/굵기 차단 해제
================================================================= */
html body xe-content *,
html body .xe-content * {
/* 에디터 내부의 모든 요소에 폰트 종류는 일관되게 유지 */
font-family: "Inter", "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif !important;
/* 두께 속성을 상속(inherit)으로 비워두어 에디터의 인라인 크기/굵기/색상이 최우선 작동하게 만듦 */
font-weight: inherit;
}
/* =================================================================
4. 에디터 굵게(Bold) 버튼 방어 레이어
================================================================= */
html body xe-content strong,
html body xe-content b,
html body .xe-content strong,
html body .xe-content b {
/* 에디터에서 드래그 후 'B(굵게)' 아이콘을 누른 영역은 확실하게 700 두께 보장 */
font-weight: 700 !important;
}