[SHOPTIME-2393] Home / top / today's deals / 부자연스러운 폰트 서식 변경

원인 : 폰트 로딩이 늦어 발생한 문제
 대책 : 해당 화면에서 사용하는 폰트 미리 캐싱하도록 수정
This commit is contained in:
yonghyon
2024-10-14 17:13:53 +09:00
parent b7bf2414d0
commit 01eba13688
2 changed files with 8 additions and 0 deletions

View File

@@ -229,6 +229,7 @@ export default function LoadingPanel({ showLoadingPanel, ...rest }) {
)} )}
<div className={css.baseFontLoading}>fontLoading</div> <div className={css.baseFontLoading}>fontLoading</div>
<div className={css.arialFontLoading}>fontLoading</div> <div className={css.arialFontLoading}>fontLoading</div>
<div className={css.arialBlackFontLoading}>fontLoading</div>
<div className={css.arialFontBoldLoading}>fontLoading</div> <div className={css.arialFontBoldLoading}>fontLoading</div>
</> </>
); );

View File

@@ -53,6 +53,13 @@
left: 0; left: 0;
opacity: 0; opacity: 0;
} }
.arialBlackFontLoading {
font-family: @arialBlack;
position: absolute;
top: 0;
left: 0;
opacity: 0;
}
.arialFontBoldLoading { .arialFontBoldLoading {
font-family: @arialFontBold; font-family: @arialFontBold;
position: absolute; position: absolute;