반응형
TTF WOFF 차이, 웹폰트 적용하는 방법 홈페이지나 블로그 등 웹 사이트에 적용하는 폰트를 웹폰트라고 합니다. TTF와 WOFF의 차이는 OTP와 TTF 폰트 포맷은 PC에 설치하여 사용하는 폰트이고 WOFF는 웹 상에서 사용하는 글꼴로 Web Open Font Format의 줄임말입니다. WOFF는 OTF와 TTF를 압축하여 웹에서 사용할 수 있게 만든 포맷이라고 할 수 있습니다. TTF (True Type Font) OTF (Open Type Font) WOFF (Web Open Font Format) True Type Font(TTF)은 1980년대 마이크로소프트와 Apple에서 개발한 글꼴 형식으로 True Type Open Type글꼴이라고 하며, 구형 브라우저 버전과 모바일 등에서도 사용하..
타이포라(typora) 폰트 설정 바꾸는 방법, 글꼴 쉽게 변경하기 과정 티스토리 블로그 글 쓰기 에디터가 신 에디터로 변경 되면서 글 쓰는 방식을 바꾸어 타이포라 에디터를 활용하고 있습니다. 마크다운 기능을 활용하여 글 쓰는 시간을 단축하기 위해서였는데요. 타이포라 기능은 마음에 들지만, 폰트를 기본 폰트에서 다른 폰트로 변경해보고 싶다는 생각이 들었습니다. 최근 '나눔바른펜' 글꼴이 마음에 들어 타이포라에서도 글꼴 폰트 설정을 변경하는 과정을 한번 정리해보았습니다. 타이포라 설정은 마치 웹사이트의 css를 설정하는 것처럼 파일을 만들어 적용하는 방식이었습니다. 타이포라 글꼴 폰트 설정하는 곳 위치 (1) [파일]-[환경설정]으로 들어갑니다. 단축키로는 Ctrl + 콤마(,)입니다. (2) [모양]에서..
li 태그 점 숫자 머릿말 색상 속성 바꾸는 방법 (티스토리 css 편집) li 태그는 1, 2, 3과 같이 목록 숫자를 나열하는 태그입니다. list의 약자로 ul과 ol 태그와 함께 사용됩니다. 번호 순으로 목록을 나열한다면 ol 태그를, 순서 없이 모양으로 된 순서라면 ul 태그로 시작됩니다. 목차1 목차2 일반적으로 위와 같이 구성되는데요. 목차 앞에 나오는 숫자나 점 모양의 색상을 바꾸고 싶으신 분도 계실 것입니다. 티스토리 모바일 버전에서는 자동으로 주황색으로 변경이 되는 부분인데, pc버전이나 반응형에서 자동으로 생성되는 목록의 li 점이나 숫자 부분만 색상을 변경하고 싶으시다면 css에서 색상을 추가하여 해결이 가능합니다. 먼저 티스토리 관리자 페이지로 로그인합니다. [꾸미기]-[스킨 편집..