worldint
mathengi
worldint
전체 방문자
오늘
어제
  • 분류 전체보기 (152)
    • infra, cloud (4)
      • aws (4)
    • TIL,WIL(일간,주간 회고) (57)
    • 컴퓨터 공학 (5)
      • 정보통신 (3)
      • 컴퓨터 구조 (2)
    • Math (1)
      • linear algebra (0)
      • 명제와 집합 (1)
    • Operating System (8)
      • Linux Ubuntu (1)
    • programming (66)
      • c , c++ (9)
      • c# (0)
      • java (2)
      • javascript (14)
      • Python (4)
      • github (1)
      • programing terms (12)
      • html, css (2)
      • docker (3)
      • algorithm_datastructure (5)
      • database (11)
      • flutter(dart) (2)
    • 항해99 부트캠프 (7)
      • 사전교육 (7)
    • 보안관련 (1)

블로그 메뉴

    공지사항

    인기 글

    태그

    • MONGOOSE
    • nodejs
    • MongoDB
    • 디비데드락
    • Blue/Green
    • db데드락
    • ci/cd
    • node
    • EC2
    • Javascript
    • flutter #provider #error
    • NoSQL
    • CloudFront
    • ec2 #코드디플로이 #리눅스
    • NVM
    • AWS
    • docker

    최근 댓글

    최근 글

    티스토리

    hELLO · Designed By 정상우.
    worldint

    mathengi

    구글 폰트 사용방법
    programming/html, css

    구글 폰트 사용방법

    2022. 11. 14. 12:05

    일단 구글 폰트 사이트로 들어가서https://fonts.google.com/

    원하는 폰트를 찾은후 그것을 html에 넣어주면 된다.

    html에 넣어주는 방법은 link방법이 있고 css import 방법이 있는데

     

    -구글폰트화면

    구글폰트화면
    빨간동그라미 클릭
    빨간동그라미 복사하여link태그는 html head에 붙혀넣고 font-family는 style태그의 원하는 클래스안에 넣는다

    위는 링크 방식이고

     

    import방식은 아래

    import는 저 빨간 동그라미처럼 저 import문을 style태그에 붙혀넣으면 된다.

     

    'programming > html, css' 카테고리의 다른 글

    html 기본 틀  (0) 2022.10.14
      'programming/html, css' 카테고리의 다른 글
      • html 기본 틀
      worldint
      worldint
      공부한 내용들, 트러블 슈팅 용 블로그

      티스토리툴바