html 2

티스토리 블로그에 원하는 폰트 적용하기 #2

목표 이전 글에서는 티스토리 블로그의 전체/선택영역에 대해 원하는 폰트를 지정하는 방법을 알아보았다. 하지만 이 방법은 한 가지 문제점이 존재한다. 일반적으로 폰트 확장자는 .eot, .ttf, .otf, .woff, .woff2, .svg가 쓰인다. 그리고 인터넷 브라우저는 사파리, 크롬, 파이어폭스 등이 있다. 그런데 각 브라우저 버전/종류에 따라서 해당 폰트 확장자와 호환이 안 될 수 있다. 이 경우 해당 폰트는 적용되지 않는다. 이를 보완하는 방법을 소개한다. 브라우저와 폰트 호환 여부 확인 아래 사이트에서 각 브라우저의 종류, 버전별로 지원하는 폰트를 확인할 수 있다. Can I use... Support tables for HTML5, CSS3, etc 예를 들어 woff2를 지원하는 브라우저..

블로그 관리 2021.08.28

티스토리 블로그에 원하는 폰트 적용하기 #1

1. 폰트 불러오기 티스토리 [스킨 편집] - [html 편집] - [CSS] 상단에 이하의 블록을 추가한다. @font-face { font-family: ; src: url(폰트 주소); font-weight: normal; font-style: normal; } 1-1. 해당 폰트를 제공하는 주소가 있을 경우 만약 리디바탕체라면 @font-face { font-family: 'RIDIBatang'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_twelve@1.0/RIDIBatang.woff') format('woff'); font-weight: normal; font-style: normal; } 1-2. 해당 폰트를 제공하는 주소가..

블로그 관리 2021.08.12