구글에서 제공하고 있는 웹 폰트를
크롬에서 가져오기 or IE에서 적용 하기를 알아보겠습니다.
IE에서 구글 웹 폰트 사용하기
를 IE에서는 접속되지 않는다.
woff2 포맷이 지원하지 않아서 생기는 문제로 woff형식의 글꼴을 다운받아 서버에 업로드 해서 사용하면된다.
특히, 티스토리의 경우 images 폴더만 지원하므로
images폴더 않에 font.css 와 다운받은 폰트들을 넣으면 된다.
https://google-webfonts-helper.herokuapp.com/fonts
에 접속하면 폰트를 다운받을수 있게 해 준다.
woff, eot, ttf, svg 등이 다운로드 된다.
1. 사이트를 접속하면 다음과 같은 화면이 뜬다.
2. 검색창에 폰트이름을 검색하면 검색된 내용이 나온다.
3. Korean에 체크하고 필요한 옵션을 선택하면 다음과 같이 코드가 나온다.
특히, 티스토리의 경우 경로를 ./images/로 변경하면 코드도 변경된다.
다운로드 버튼을 누르면 압축된 파일이 저장되고, 압축을 풀어 웹서버에 올려준면 된다. 티스토리의 경우 images 폴더 하위에 저장 된다.
'Computer Tip's > Web' 카테고리의 다른 글
| 애드센스 계정이 일시적으로 정지 - 해제 (2) | 2019.02.15 |
|---|---|
| 티스토리(Tistory) 스킨(Skin) 제작기 - 색상선정 #2 (0) | 2019.02.10 |
| CSS(스타일시트) - 구글 웹폰트 사용하기(크롬) (0) | 2019.01.23 |
| [애드센스] 첫 수익금 지급 받기 (0) | 2019.01.02 |
| 티스토리(Tistory) 스킨(Skin) 제작기 - 기초작업 #1 (0) | 2018.12.25 |