본문 바로가기
내일배움캠프/본캠프

[내일배움캠프_UX/UI] 10주차 목요일 TIL

by 츄잉검 2024. 8. 1.
728x90

TIL (Today I learned)


 
🙄 오늘 나는 무엇을 했나요
- 코딩 숙제 :  HTML, CSS를 활용하여 화면 만들기
* 개인일정으로 공부를 조금밖에 못함
 
😰 오늘은 어떤 문제를 겪었고, 앞으로는 어떻게 해결할 것인가요
중간에 다른 폰트로 바꾸는 것을 인터넷을 아무리 뒤져도 못 찾았다.
그러다가 다시 구글 폰트 홈페이지로 들어가보니
두 개 글자를 다 쓸 때 import 코드가 다른 것을 확인했다.
전체 적용하는 건 지난번에 썼던 코드를 확인해보니
앞에 별이 있어서 갖다 붙였는데 왜 있는진 모르겠다.
어쨋든 앞에 CSS부분은 아래와 같이 적용했고,

@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gowun+Dodum&display=swap');

        * {
            font-family: "Gowun Dodum", sans-serif;
            font-weight: 400;
            font-style: normal;
        }


        .black-han-sans-regular {
            font-family: "Black Han Sans", sans-serif;
            font-weight: 400;
            font-style: normal;
        }

 
바꿀 부분은 위에 .black-han-sans-regular에 마우스를 갖다대니
<element class="black-han-sans-regular">
이렇게 떠서 아래와 같이 적용해보았다.

<h1 class="display-5 fw-bold">
                    <element class="black-han-sans-regular">스파르타 푸드파이터</element>
                </h1>

 
그랬더니 잘 적용됐다.
아직 잘 모르겠지만 어찌저찌 잘 완성했다.
 
 
🧐 오늘은 어떤 것을 배웠나요
오늘은 그 동안 배운 코딩을 활용하는 숙제를 진행했다.
계속 지우고 붙이고 하다보니 얼추 만들어져서 신기했다.
대~충은 알겠는데, 혼자서 해보라고 하면 잘 못할 것 같다.

예제와 얼추 비슷하게 완성

 

 

반응형