티스토리(Tistory)에서 새로운 에디터 개발을 진행 중이라서인지 특정 태그(예:blockquote)가 사용된 곳에서 폰트가 제대로 적용되지 않는 현상이 나타 나네요.

새로운 에디터가 적용된 후는 어떨지 모르겠지만 현재 문제가 있는 폰트(Font) 부분의 오류를 해결하기 위해 사용할 수 있는 CSS 적용 방법 입니다.

 

- 블로그 글 작성시 에디트를 이용해 글꼴/글 크기 등을 편집해 작성한 특정 글에서 또는

- 특정 태그(예:blockquote)가 사용된 곳에서만 폰트(Font) 적용이 제대로 되지 않는다거나 할 경우 유용.

 

CSS 편집

- 문제가 생길 경우를 대비해 'HTML/CSS 편집' 전 기존 CSS 파일을 백업 받아 놓은 후 수정하세요.

 

How to..

1. 티스토리(Tistory) 관리자 페이지 접속 후 좌측 메뉴에서 '스킨 편집' 클릭.

2. 보여지는 '스킨 편집' 창에서 'html 편집' 버턴 클릭.(그림①)

3. 아래 태그를 자신에 맞게 수정 후 원하는 위치에 삽입 후 '저장' 버턴 클릭.(그림②)

 

/* 글꼴 / 글씨 크기 / 글씨 색상 - 강제 적용 */

.article * { font-family: ○○ ; color: #○○ ; font-size: ○○ !important; }

 

☞ 본문을 의미하는 .article 부분은 사용하는 스킨의 종류에 따라 다르게 표시 됩니다.

☞ 위 '○○' 부분에 원하는 글꼴/글씨 색상/글씨 크기 수정해서 사용하면 됩니다.

☞ !important: 최우선으로 적용시킬때 사용하는 태그 입니다.

 

01

 

- 'blockquote' 태그에 사용된 폰트(Font) 들이 갑자기 적용되지 않는 현상 발생.(그림①)

- CSS 수정 후 'blockquote' 태그에 사용된 폰트(Font)들이 정상(?)적으로 보여 집니다.(그림②)

 

01

 

Posted by TAME :