개발(Web)/VCS

[Git/GitHub] Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트 설정

shinyelee 2021. 3. 13. 13:55

폰트 적용

default.html에 Noto Sans 폰트 적용을 위한 코드 추가

    <!--web font-->
    <link rel="preconnect" href="https://fonts.gstatic.com">
	<link href="https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300&display=swap" rel="stylesheet">

screen.css → ctl+f → .post-full-content로 검색
font family를 Noto Sans로 변경


Font Awesome 적용

default.html에 코드 추가하면

    <!--Font Awesome-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

아이콘이 제대로 표시됨
favicon도 이제야 반영되기 시작(원래 쫌 걸린다고 함)
근데 폰트는 적용이 안 된 상태 → 아래 게시글에서 해결

 

깃허브 페이지 포스팅 (2) Font Awesome Icon

Font Awesome Icon Font Awesome Icon List Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Aw..

shinye0213.tistory.com

 

출처 : 

 

 

Font Awesome Icon List

Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Awesome이라는 곳인데 이 곳에서 제

moon9342.github.io

 

Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트 설정

Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트

moon9342.github.io

반응형