잡다한 내 인생의 기록

SASS를 사용해 나눔고딕 폰트를 적용하는 방법에 대해 알아보겠습니다. SASS는 함수를 사용할 수 있다는 장점이 있다고 말씀드렸었죠, 다음과 같은 소스를 몇가지 인자를 통해 자동으로 불러올 수 있도록 만든 함수가 있어 그 함수를 통해 css font-face를 적용하는 방법에 대해 설명드리겠습니다. @font-face { font-family: "NanumGothic"; font-style: normal; font-weight: 400; src:url("https://fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?") format("eot"), url("https://fonts.gstatic.com/ea/nanumgothic/v5/NanumG..

1편에서는 windows 환경에서 sass를 설치하는 방법에 대해 알아봤습니다. sass로 css를 작성하기 위해 .scss 파일을 생성하게 되는데, 이 파일을 어떤 에디터로 작성/수정 할 것인지에 대한 부분은 풀어드리지 못했습니다. 해서, 요즘 제가 자주 사용하는 sublime text 3 라는 에디터에 플러그인을 설치해 scss 파일의 포멧에 색상을 입히는 방법에 대해 설명하려 합니다. sublime text 3 에디터는 html, css, javascript 코딩을 위해 사용하고 있는데요, 무게도 가볍고 사용하기 편해 최근에 자주 사용하게 된 에디터입니다. 우선 sublime text 3를 다운받고 설치하도록 하겠습니다. [sublime text 3 Beta 다운받기 >>] 사이트로 이동하시면 위 ..