@font-face {
font-family: 'Spoqa Han Sans Neo';
font-weight: 100;
src: local('Spoqa Han Sans Neo Thin'),
url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff2') format('woff2'),
url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.woff') format('woff'),
url('https://cdn.jsdelivr.net/gh/spoqa/spoqa-han-sans@latest/Subset/SpoqaHanSansNeo/SpoqaHanSansNeo-Thin.ttf') format('truetype');
unicode-range: U+AC00-D7A3, U+0061-007A, U+0041-005A, U+0030-0039;
}
/*일본어 */
@font-face {
font-family: 'Spoqa Han Sans Neo';
font-style: normal;
font-weight: 100;
src: local('Noto Sans Japanese'),
url('https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2') format('woff2'),
url('https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff') format('woff'),
url('https://fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf') format('opentype');
unicode-range: U+3041-3096, U+309D, U+309E, U+30A1-30FA, U+30FC;
}
기존에는 font-family 이름을 같게 하여 글꼴을 unicode-range로 유니코드를 설정해줬는데
디자이너가 다국어가 일본어일때 나오는 영어 폰트도 일본어 폰트로 적용해줬으면 좋겠다함
폰트마다 css 분리 후 head.html에서 타임리프를 사용하여 일본어일때 노토산스.css로
일본어 외에 영어와 한국어일때 스포카.css로 이동하게 함
<link th:if="${#locale.language == 'ja'}" th:href="@{/assets/fonts/notosansjp.css}" rel="stylesheet">
<link th:unless="${#locale.language == 'ja'}" th:href="@{/assets/fonts/SpoqaHanSansNeo.css}" rel="stylesheet">
페이지 로드 후 노토산스만 들고옴 성공