2020.코딩일지
Jekyll 기반의 GitHub Page 생성(3)웹폰트설정.11:04.깃페이지만들기(Git블로그) 본문
Jekyll 기반의 GitHub Page 생성(3)웹폰트설정.11:04.깃페이지만들기(Git블로그)
개발하는라푼젤 2021. 7. 17. 14:54**웹폰트설정
_layouts/default.html에
<!-- 웹폰트추가 -->
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/nanumgothic.css">웹폰트 추가부분 복붙.
그리고 또 해야할 일이 있다.
assets/css/screen.css 열어서 `ctrl+f`키로 검색 ' .post-full-content '623라인으로 나옴.
font-family: 쪽에 두번째부분 'Nanum Gothic', 한글에 나눔고딕이 적용되도록 한다.
-----
**폰트어썸설정 (영상 7분차~)
https://moon9342.github.io/css-fontawesome-list
Font Awesome Icon List
Introduction 블로그나 사이트 작성 시 icon 이미지들이 많이 필요하게 되는데 이 아이콘을 마치 폰트처럼 사용할 수 있도록 서비스를 제공하는 곳이 있습니다. Font Awesome이라는 곳인데 이 곳에서 제
moon9342.github.io
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">복사해서
_layouts/default.html 아래와같이 추가해줌.
<!-- 폰트어썸 추가 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
-----
위의 2단계를 거쳐 웹폰트와 폰트어썸을 적용했으니,
다시 CSS파일을 압축시켜준다.
gulp css
다시 컴파일합시다~
bundle exec jekyll serve오~~ 글씨체, 폰트어썸이 적용됨을 확인할 수 있다 +_+
-----ERROR
방금은 적용되었던 글씨체와 폰트어썸이
io접속해서는 안되었다???
됐는데 안됐어? 응?? 뭐지??
REFERENCE
https://moon9342.github.io/jekyll-font
Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트 설정
Jekyll 기반의 GitHub Page 생성은 여러 절로 구성되어 있습니다. Jekyll 기반의 GitHub Page 생성(1) - 환경설정 Jekyll 기반의 GitHub Page 생성(2) - 블로그 수정 & Publishing Jekyll 기반의 GitHub Page 생성(3) - 웹 폰트
moon9342.github.io
