[CSS] unicode-range 사용해 영문, 숫자만 다른 글꼴(roboto) 적용하기

@font-face에서 unicode-range로 폰트를 변경하는 방법

영문과 숫자는 Roboto로 나머지 폰트는 Noto Sans KR로 적용

 

body {font-family:'Roboto' ,'Noto Sans KR', 'sans-serif';}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('※'),
    url('../fonts/Roboto-Regular.eot'),
    url('../fonts/Roboto-Regular.eot#iefix') format('embedded-opentype')
    url('../fonts/Roboto-Regular.woff') format('woff'),
    url('../fonts/Roboto-Regular.otf') format('opentype'),
    url('../fonts/Roboto-Regular.ttf') format('truetype');
    unicode-range:U+0041-005A, U+0061-007A, U+0030-0039;
}