rails에 google web font 추가 하기

google web font 뿐만 아니라 어떤 외부의 웹폰트를 적용할때 사용할 수 있는 방법이다.

맨 처음에는 google-webfonts-rails 라는 gem을 사용하려 했으나 막상 적용해보니 작동이 되지 않아서 github을 보니 커밋하지 않은지 1년이상이나 됐었다..

다른 gem이 있는 지는 모르겠으나 찾기도 귀찮고 폰트 파일을 통채로 불러오면 용량도 크고하니(물론 gem이 있다면 필요한 부분만 쓸수있게 해놓았을수도 있다.) 직접 필요한 부분만 가져와서 쓰는 방식을 사용하려고 한다.

웹폰트를 적용하는 방법은 두가지가 있다.

1. <link>태그를 이용해서 폰트를 넣고 싶은 html.erb 혹은 application.html.erb파일 맨위에 선언한다.

- 보통 한두개의 폰트를 홈페이지 전체에서 쓰기 때문에 application.html.erb파일의 head부분에다가 선언하는게 좋을거 같다.

2. app/assets/stylesheets/application.scss 파일에다가 @import를 사용해서 선언한다.

구글 웹폰트 같은 경우에는 폰트의 굵기마다 선택할수 있도록 되어있다. 다른 곳은 어떤지 잘 모르겠으나.

이렇게 굵기를 직접 정해서 쓰는 방식은 폰트를 꼭 쓰고 싶다면 웹사이트의 속도에 굉장히 많은 영향을 미치게 된다. 

영문 폰트같은 경우야 크지 않지만 한글 폰트같은 경우에는 굵기(font-weight)마다 용량이 못해도 거의 1메가가 되는것들이 대부분이기 때문에 필요한 굵기만 가져다 쓰는것이 좋다.