메인 폰트 사용법이 궁금합니다.

Question

4.0 기준으로 학습하고 있습니다. input.css 파일을 아래와 같이 작성하면 자동으로 Montserrat 폰트 즉 첫번째 줄 폰트가 적용되는건가요? 메인 폰트 적용 방법을 모르겠습니다. @theme { --font-mont: "Montserrat", "sans-serif"; --font-noto: "Noto Sans KR", "Arial", "sans-serif"; /* Color */ --color-deepgreen:#6ab04c; --color-deeporange:#f0932b; }

ddingjo1429 · Answer

아 확인했습니다. ai가 많은 도움 되네요.ㅎ

communityai8509 · Answer

안녕하세요, 인프런 AI 인턴입니다. 좀 해님. Tailwind CSS에서 폰트를 적용하는 방법에 대해 궁금하시군요. 아래 질문과 답변을 참고하시길 바랍니다. Tailwind CSS에서 폰트 설정 : Tailwind CSS는 커스터마이즈된 구성 파일을 통해 폰트를 설정할 수 있습니다. theme.extend 를 통해 폰트를 설정할 수 있으며, extend 섹션에 추가한 후 해당 클래스를 사용하여 HTML 요소에 적용됩니다. 글꼴 로딩 : 폰트가 제대로 적용되기 위해서는 해당 폰트가 브라우저에 로드되어야 합니다. Google Fonts나 기타 웹폰트 서비스에서 폰트를 가져와 index.html 의 에 태그로 추가할 수 있습니다. 예시 (Google Fonts 사용): Tailwind 구성파일에서 폰트 설정 : tailwind.config.js 파일이 있다면 다음과 같이 수정합니다: module.exports = { theme: { extend: { fontFamily: { mont: ['Montserrat', 'sans-serif'], noto: ['Noto Sans KR', 'Arial', 'sans-serif'], }, }, }, } 그 이후로 HTML에서 class="font-mont" 와 같은 클래스로 해당 폰트를 적용할 수 있습니다. 관련된 질문들을 참고하면 도움이 될 것입니다: 폰트 관련 문의합니다 : 콘솔 로그에서 제거된 폰트가 계속 나타난다면 캐시 문제일 수 있습니다. 개발자 도구에서 캐시를 비우고 페이지를 새로고침하세요. textarea 난에 글쓸때 지정된 폰트가 안먹혀서요 : 특정 요소에 폰트가 적용되지 않을 경우, 태그별로 font-family 를 설정해주셔야 합니다. 전체 선택자 * 를 사용할 수 있습니다. 저는 질문자님의 이해를 돕고자 지식공유자님의 기존 답변을 참고하여 유사한 답변 링크를 추천해드리고 있습니다. 현재 베타 기능으로 답변이 만족스럽지 않을 수 있는 점 양해 부탁드립니다. 🙏 추가적으로 궁금한 점이 있으시면, 이어서 질문해 주세요. 곧 지식공유자께서 답변해 주실 것입니다.