[synology] 나스에서 웹 폰트 안불러와짐 해결

 

 

나스 웹 서버의 주소가

https:// 로 시작한다면

웹 폰트의 src 또한 절대 경로 https:// 여야하고 http://라면 그에 따라야 한다

 

@font-face {

            font-family: 'Godo';

            font-style: normal;

            font-weight: 400;

            src: url('https://cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');

        }

 

즉, https://내시놀.synology.me:nnnn번포트 일때 위의 font가 불러와질것이다

 

 

 

필자의 경우, https://를 사용했는데

웹폰트가 http:// 였어서 안불러와지는 문제를 겪었다

(혹시 나스엔 다른곳에 cdn을 불러오는게 안되나..했다만 font-awesome 도 잘 불러와짐)

 

 

 

font를 불러올때의 URL은

절대경로가 아닌 상대경로로도 불러와지기때문에

 

결론적으론, 아래와 같은 상대경로로 된 (//으로시작) url을 쓰면 편하다

 

        @font-face {

            font-family: 'Godo';

            font-style: normal;

            font-weight: 400;

            src: url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff2') format('woff2'), url('//cdn.jsdelivr.net/korean-webfonts/1/corps/godo/Godo/GodoM.woff') format('woff');

        }