[저작권] Codepen, GreenSock 이거 뭐야

프론트엔드 미니프로젝트로 기껏 열심히 만들었는데

이런게 떠서 너무 당황했다.

 

혼자 볼 때는 괜찮았는데, 

오픈하려니 이러네ㅠㅠ;

 

저작권 문제 같은데

 

싹다 지우고 갈아 엎어야겠다;

 

새로고침할때마다  css 가 적용이 안된채로 잠깐 잠깐 나타난다;

왜이러지.... 너무 당황; css 충돌인가 

KakaoTalk_20220118_183010478.mp4

2.35MB

 

강사님께도 여쭤봤지만, css 충돌이거나 양이 많아서 불필요한걸 없애주면 된다고 그러셨다.

 

다 지워봤지만 해결 불가;

해결 방법은 어이없게도 가장 최상위에 임포트 되어있던 구글폰트............

 

CDN 방식으로 쓰고 있었는데 전혀 생각도 못했던 곳이라 오래걸렸다;

 

그래도 해결했으니 기분은 좋다~!

 

/* 글씨체 */

@font-face {

  src : url("./Jua.ttf");

  font-family: "jua"

}

/* @import url('https://fonts.googleapis.com/css2?family=Jua&display=swap'); */

이게 기존에 쓰던 방식이었고, 그 위에 폰트 페이스가 바꾼 방법이다.

아예 폰트를 다운받아 같은 폴더의 위치에 두었다.

폰트 페밀리의 이름은 'jua' 로 지정해주어서

 

사용하고 싶은 곳에 적용하면 끝.

<h1 id="twoQ" style="font-style: italic; font-family: 'jua';">나는 이렇게 적용했다</h1>

 

오류 해결 끝!