티스토리 블로그 제목 글꼴 변경하기

로고 글꼴이 맘에 안든다면 웹폰트로 원하는 글꼴로 변경해 봅시다.

맹숭한 재미없는 로고 글자를 좀더 굵고 디자인 스러운 폰트로 바꿔줘 봅니다.

눈누 웹포트에서 원하는 폰트를 찾습니다.

눈누

상업용 무료한글폰트 사이트

noonnu.cc

여러가지 폰트 중에 굵고 눈에 확 띄는 더잠실체를 적용해보겠습니다.

폰트는 취향껏 선택하면 됩니다만. 로고 형태는 역시 눈에 팍 띄는 게 좋은 것 같습니다.

더잠실체를 선택하고 들어가면 폰트 미리보기를 통해 다양한 굵기를 미리 확인하고

웹폰트로 사용하려면 아래의 코드를 복사해서 css에 넣어줍니다.

로고에 웹폰트 적용하기

CSS에서 header h1를 검색해서 아래 처럼 수정하기

#header h1 {

padding: 23px 0;

font-family: 'Nanum Myeongjo';

font-weight: 800;

font-size: 1.75em;

line-height: 32px;

letter-spacing: -0.2px;

color: #333;

}

font-family: 'Nanum Myeongjo' → 'TheJamsil5Bold' 로 변경

적용하고 블로그 확인하면 로고 글자가 변경된 것을 확인 할 수 있을 겁니다.