[CSS] Unicode-range로 언어별 폰트 다르게 설정하는 꿀팁 !
unicode-range: U+0-10FFFF; // 기본값, 모든 글자
unicode-range: U+0020-007E; // 영문, 숫자, 특수문자
unicode-range: U+0041-005A; // 영문 대문자
unicode-range: U+0061-007A; // 영문 소문자
unicode-range: U+0020-002F, U+003A-0040, U+005B-0060, U+007B-007E; // 특수문자
unicode-range: U+0030-0039; // 숫자
unicode-range: U+AC00-D7A3; // 한글
unicode-range: U+3000-30FF; // 일본 문자
unicode-range: U+3000-30FF, U+FF61-FFEF; // 일본 문자 적용(반각 가타가나 포함)
unicode-range: U+4E00-9FAF; // 한중일 통합 한자
@font-face {
font-family: 'Pretendard-Regular';
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
font-weight: 200;
font-style: normal;
unicode-range: U+AC00-D7A3, U+0030-0039; /* 한글 , 숫자*/
}
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400..800&display=swap');
@font-face {
font-family: 'Syne';
font-weight: 400;
font-style: normal;
unicode-range: U+0041-005A, U+0061-007A /* 영문 대소문자 */
}
'퍼블리싱' 카테고리의 다른 글
[CSS] <a> 태그 링크 접속 / 클릭 후 색상 없애기 (0) | 2024.03.22 |
---|---|
[CSS] 버튼 hover 시 스타일 & 애니메이션 효과 주는법 ! ( + slide up 및 그라데이션 효과 ) (0) | 2024.03.02 |
[CSS 버튼 클릭시 특정위치로 스크롤 이동 ! (0) | 2024.02.29 |
[CSS/JS] 고정된 fixed 요소 특정 영역에서 숨기기 멈추기 ! (0) | 2024.02.29 |
[css] 긴 텍스트 (...) 생략부호 표시하기 / 텍스트 줄이기 (0) | 2022.04.10 |