미디어위키:Common.css: 두 판 사이의 차이
에이펙스 한국어 위키
더 많은 작업
새 문서: →이 CSS 설정은 모든 스킨에 적용됩니다: →큰 이미지를 반응형 100%로 만드는 클래스: .responsive-big-img img { width: 100% !important; max-width: 100% !important; height: auto !important; } |
폰트 변경 |
||
| 5번째 줄: | 5번째 줄: | ||
max-width: 100% !important; | max-width: 100% !important; | ||
height: auto !important; | height: auto !important; | ||
} | |||
/* 폰트 변경 */ | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Thin.woff2') format('woff2'); | |||
font-weight: 100; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-ExtraLight.woff2') format('woff2'); | |||
font-weight: 200; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Light.woff2') format('woff2'); | |||
font-weight: 300; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Regular.woff2') format('woff2'); | |||
font-weight: 400; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Medium.woff2') format('woff2'); | |||
font-weight: 500; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-SemiBold.woff2') format('woff2'); | |||
font-weight: 600; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Bold.woff2') format('woff2'); | |||
font-weight: 700; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-ExtraBold.woff2') format('woff2'); | |||
font-weight: 800; | |||
font-display: swap; | |||
} | |||
@font-face { | |||
font-family: 'Pretendard'; | |||
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Black.woff2') format('woff2'); | |||
font-weight: 900; | |||
font-display: swap; | |||
} | |||
body, #content, .mw-body { | |||
font-family: 'Pretendard Variable', sans-serif !important; | |||
} | } | ||
2026년 8월 27일 (목) 09:26 판
/* 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 큰 이미지를 반응형 100%로 만드는 클래스 */
.responsive-big-img img {
width: 100% !important;
max-width: 100% !important;
height: auto !important;
}
/* 폰트 변경 */
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Thin.woff2') format('woff2');
font-weight: 100;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-ExtraLight.woff2') format('woff2');
font-weight: 200;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Light.woff2') format('woff2');
font-weight: 300;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Regular.woff2') format('woff2');
font-weight: 400;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Medium.woff2') format('woff2');
font-weight: 500;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-SemiBold.woff2') format('woff2');
font-weight: 600;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Bold.woff2') format('woff2');
font-weight: 700;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-ExtraBold.woff2') format('woff2');
font-weight: 800;
font-display: swap;
}
@font-face {
font-family: 'Pretendard';
src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/[email protected]/Pretendard-Black.woff2') format('woff2');
font-weight: 900;
font-display: swap;
}
body, #content, .mw-body {
font-family: 'Pretendard Variable', sans-serif !important;
}