참고한 자료 : 한국어와 웹 폰트에 관한 6.1가지 사실 - 코드쓰는사람

웹 글꼴 경량화

정적 블로그는 설치형 블로그보다는 별도로 세팅할 것이 적어서 테마 받아온 뒤, 한글 글꼴을 넣으면 끝 일텐데,

이왕 새로 만드는거 하나 하나 제대로 이해하느라 시간이 좀 걸렸습니다.

Just for Edge

var isIE = /*@cc_on!@*/false || !!document.documentMode;
var isEdge = !isIE && !!window.StyleMedia;
if (isEdge == true) {
    var body = document.body;
    body.classList.add('.win');
}

//referance : https://stackoverflow.com/a/9851769/5498707

엣지 브라우저의 경우 body에 .win 클래스를 추가시켜준다.

.win #container main article p {
  transform: rotate(-0.0000000001deg);
  text-shadow: 0 0 1px rgba(0,0,0,0.3);
}

이후 본문 글자를 회전시켜 좀 선명하게 만듭니다.

크롬, 파이어폭스용 안티엘리언싱

body {
  -webkit-text-size-adjust: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

크롬과 파이어폭스도 안티엘리언싱을 해줍니다.

블로그 전용 정적 파일 서버

AWS CloudFront를 통해 정적 파일 서버를 처음 구축해봤다. 외부 트래픽이 발생할 여지는 CROS 설정 덕에 없습니다.