[CSS] 웹문서에 구글 NOTO SANS 폰트 적용


[CSS] 웹문서에 구글 NOTO SANS 폰트 적용




최초 작성일 : 2021-10-10 | 수정일 : 2022-10-16 | 조회수 : 374

웹 프론트엔드 개발에 있어서 CSS도 이쁘게 구현하는 것도 중요하지만,

깔끔한 폰트 역시 웹 페이지의 글자와 스타일을 더 돋보이게 합니다.

한국어를 지원하는 무료폰트 중에서는 Noto Sans KR이 제일 가독성이 좋고, 깔끔하다고 판단됩니다.

 

먼저 아래의 코드를 HTML의 태그와 태그 사이에 삽입하세요. 예시는 아래와 같습니다.

  



그 다음, 아래의 코드를 CSS에 적용하세요. 보통 body에 적용하여 전 구역의 폰트를 설정합니다.

  • body {font-family: 'Noto Sans Kr', sans-serif;}
  • Tags  #CSS  

    닉네임:
    댓글내용:
    🚀 추천글
    새글

    애플컴퓨터 신제품, 2025년 출시될 최신 정보 총정리!
    2025-08-23
    • 애플컴퓨터
    • 애플 신제품
    • 2025년 출시
    애플컴퓨터 신제품, 2025년 기대작 총정리!
    2025-08-22
    • 애플컴퓨터
    • 2025년 신제품
    • 맥북 프로
    애플컴퓨터 신제품, 2025년 최신 소식 총정리!
    2025-08-21
    • 애플컴퓨터
    • 2025년 신제품
    • 아이폰 17
    애플컴퓨터 최신 소식: M4 칩 성능 폭발! 🚀
    2025-08-20
    • M4 칩
    • 애플 M4
    • 애플 신제품
    애플컴퓨터 최신 M5 칩 성능 '깜짝'!
    2025-08-20
    • 애플 M5 칩
    • M5 칩 성능
    • 애플 실리콘
    추천글
    카슈미르, 전쟁의 불씨: 국제적 긴장의 중심에서의 갈등 분석
    2025-08-20
    • 카슈미르분쟁
    • 인도파키스탄
    • 카르길전쟁




    📸 이미지 프롬프트 복사 완료!
    이제 어떤 이미지 생성 도구로 이동하시겠어요?
    🧠 ImageFX 🧪 Whisk