이번에 블로그를 다시 시작하게 되면서 내 홈페이지도 내 입맛대로 바꿔보자라고 마음을 먹었네요. 


바쁘겠지만 틈틈히 홈페이지도 바꾸고 도움이 되는 정보는 알려드리려고 해요~~ ㅎㅎ


티스토리 블로그 글씨체 바꾸는 방법을 알려드릴게요.



저는 테스트로 나눔고딕으로 적용을 해보았습니다.



일단 아래에서 나눔고딕 글씨체를 다운받아주세요!



NanumGothic.eot



다운을 받으셨다면 경로(티스토리 - 블로그관리 - 꾸미기 - HTML/CSS 변경)으로 이동!


아래 그림에 따라 다운받은 글씨체를 업로드를 해주세요.







해당과정이 완료되었으면...


바로옆에 있는 CSS로 이동을 합니다.










소스코드 제일 상단에 @로 시작되는 코드가 여러가지가 있을탠대 


CSS에서는 @로 필요한 내용을 가지고오거나 문자형식을 지정할 때 사용합니다.


@선언이 밀집 되어있는 소스코드 상단에 아래 소스코드를 붙여줍니다.



/* 선언부분 */


 @font-face{

font-family: 'NanumGothic';

font-style: bold;

font-weight: normal;

src: url('./images/NanumGothic.eot');

}





그리고 저장을 하면 홈페이지 글씨체가 변경된 것을 확인할 수 있습니다!


그리고 또하나 해야될 부분이 있는데 CSS안에서 font-family라는 서체지정하는 곳을 찾아서 

해당내용을 작성을 해줘야 해요.

(여러 부분이 있으니 찾아서 변경해주세요. )


 NanumGothic, "나눔 고딕"




 ※ font-family 란..


  - CSS규칙을 적용하는 요소 내에 있는 텍스트에 사용할 서체를 지정해주는 역활;

  - 홈페이지를 보는 사용자가 해당 서체가 없을 경우, 뒤에 있는 서체를 사용을 하게 됨.(여러 폰트 추가가능)

  - 지정한 폰트를 가지고 있어야 홈페이지 서체가 제대로 표현이 됨.



여기까지 하셨으면 블로그 글씨체가 변경된 것을 확인할 수 있어요!! 


티스토리를 입맛대로 바꾸시는 분들에게 도움이 되셨으면 좋겠네요.


+ Recent posts