전체 글
반응형
티스토리 블로그 폰트 변경 방법 (블로그 일부에 다른 폰트 적용하는 방법/웹폰트/다운로드 폰트)
2023. 10. 4. 16:34ㆍBlog/Tistory. 기본 설정
이제 중요한 것들을 해두었으니,
예쁘게 꾸밀 일만 남은 것 같다. (느낌적인 느낌)
티스토리는 상업적 이용이 가능한 여러 예쁜 폰트를 추가하여 꾸밀 수 있다는 장점이 있다.
나만의 사이트가 만들어지는 느낌이랄까...
① 웹폰트 이용
②다운로드된 폰트 적용
웹폰트는 주로 구글 폰트나 '눈누'라는 사이트를 많이 이용하는데,
귀엽고 아기자기한 한글 폰트는 눈누라는 사이트를 많이 이용한다.
위 링크를 클릭하면 사이트 이동이 가능하다.
(파악했으면 웹폰트로 사용을 복사한다. )
@font-face{
font-family: '폰트명';
src: url(./5번에서 업로드된 파일명)
아래 두 가지에 font-family: 폰트명을 넣는다.
(웹폰트 폰트명과 동일하게 기재)
#header h1
.list-type-thumbnail .post-item .title
아래 두 가지에 font-family: 폰트명을 넣는다.
(웹폰트 폰트명과 동일하게 기재)
.sidebar .category .link_tit {font-family: 폰트명}
.sidebar .category .link_item {font-family: 폰트명}
아래 두 가지에 font-family: 폰트명을 넣는다.
(웹폰트 폰트명과 동일하게 기재)
.sidebar .tab-ui h2 a {
color:###;
font-family: 폰트명}
.sidebar .count h2 {
margin-bottom: 3px;
font-family: 폰트명}
이제 꾸미는 일이 끝났으니 방문자들이 많이 들어왔으면 좋겠다.
| 블로그 광고 종류에 대하여 알아보기 (Google AdSense, KaKao AdFit, Naver AdPost) (0) | 2023.10.04 |
|---|---|
| 나만의 아이콘인 ICO 파일 (파비콘(Favicon)) 설정 방법 (0) | 2023.10.04 |
| [사이트맵 SEO] 포스트 주소 문자로 설정하여 검색엔진 활성화 하기 (0) | 2023.10.04 |
| 블로그 스킨 설정 방법, 마우스 오른쪽 버튼(불펌) 금지 코드 첨부 (HTML 정의 / CSS 정의, 핵심요소 10가지) (0) | 2023.10.04 |