전체 폰트 변경 / 이미지 중앙정렬 및 간격 추가 / 동영상 중앙정렬 및 세로최대 600px제한
@font-face {
font-family: 'NexonLv1Gothic';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Light.woff') format('woff');
font-weight: 300;
font-display: swap;
}@font-face {
font-family: 'NexonLv1Gothic';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
font-weight: normal;
font-display: swap;
}
/*
@font-face {
font-family: 'NexonLv1Gothic';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff') format('woff');
font-weight: 700;
font-display: swap;
}
*/
body {
/* 폰트 */
font-family: 'NexonLv1Gothic', -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "PingFang SC", "PingFang TC", "Hiragino Sans GB", "Microsoft YaHei", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
}/* 라이트모드 배경 커스텀 */
/* body {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
--tw-gradient-from: #fff var(--tw-gradient-from-position);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgba(255, 255, 255, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #fff var(--tw-gradient-via-position), var(--tw-gradient-to);
--tw-gradient-to: #fff var(--tw-gradient-to-position);
--tw-text-opacity: 1;
} *//* 다크모드 배경 커스텀 */
/* body.color_scheme_dark {
background-image: linear-gradient(to bottom right, var(--tw-gradient-stops));
--tw-gradient-from: #1a1a1a var(--tw-gradient-from-position);
--tw-gradient-to: rgba(30, 30, 30, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
--tw-gradient-to: rgba(30, 30, 30, 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #09090b var(--tw-gradient-via-position), var(--tw-gradient-to);
--tw-gradient-to: #1a1a1a var(--tw-gradient-to-position);
--tw-text-opacity: 1;
} */.rhymix_content > p > img {
margin: 0 auto; /* 본문내 이미지 항상 중간정렬 */
display: block; /* 줄 바꿈을 위해 블록 레벨 요소로 설정 */
margin-bottom: 1em; /* 이미지 아래에 간격 추가 (한 줄 띄우기 효과) */
}
.rhymix_content > p > img {border-radius: 0px;} /* 본문내 이미지 모서리 처리 */.rhymix_content > p > video {
display: block;
margin: 0 auto; /* 중앙 정렬 */
width: auto; /* 가로폭 100% */
height: auto; /* 비율 유지 */
max-height: 600px; /* 세로 최대 600px로 제한 */
object-fit: contain; /* 영상 비율 깨지지 않게 */
}
첨부파일 참조
댓글