everydayminder
블로그 코드블럭에 네이버 D2 Coding 폰트 적용하기 개발자들 사이에서 한글과 영문의 조화가 잘 되어, 평이 좋은 네이버 D2 Coding 폰트를 블로그에 적용해 보겠습니다. 모든 폰트를 바꾸려는 것은 아니며, 특히 코드를 인용하는 코드블럭에 한정하여 적용하려 합니다. 왜 D2 Coding 폰트? 일부 알파벳, 한글, 특수기호, 숫자들의 경우 구별하기 힘든 경우가 있습니다. 이를 테면, l과 1, 숫자 0과 알파벳 O 등의 경우, 폰트에 따라 구별하기 굉장히 어려운 경우가 발생합니다. 게다가 한글의 ㅣ와 ㅇ까지 섞이면 복잡도가 더 올라갈 수도 있습니다. D2 Coding 폰트는 한글의 경우 나눔바른고딕을 기본으로 하고 있으며, 위에서 말한 혼선을 최소화 하는데 주안점을 둔 폰트입니다. 많은 개발자들이..
티스토리 최적화 - 글꼴 용량 줄이기 네트워크가 빨라지고, 최신 PC/ 모바일의 반응속도가 빨라졌지만, 페이지가 로딩될 떄까지 사용자들이 기다려야 하는 시간에 대한 기대치도 그만큼 높아졌습니다. 즉 빨리 로딩되지 않으면, 사람들의 만족도도 떨어진다는 것이죠. 그런데, 비단 사람들의 반응 뿐만 아니라 SEO 점수 관점도 이와 무관한 것 같지 않습니다. 빨리 로딩되는 사이트가 정보 전달 관점에서도 더 높은 점수를 받는 것이죠. WOFF 대신 WOFF2를 앞서 리디바탕체의 경우, WOFF 형태로 적용하였습니다. 그러나, WOFF 포맷 이후, WOFF2 포맷이 소개되었고, WOFF2 포맷의 효율이 더 좋다고 알려져 있죠. 따라서, WOFF 대신 WOFF2를 쓸 수 있다면 보다 적은 용량으로 폰트를 적용할 수 있..