Tech Stock logo Tech Stock

링크 : 구글폰트 메인페이지
링크의 구글폰트 메인페이지로 간다.


메인 화면.
여기서 원하는 폰트를 검색한 후 선택한다.

Roboto라는 폰트를 선택해서 진행 해보자.

구글폰트 메인화면


폰트를 선택해주면
이렇게 여러가지 스타일을 고르는 화면이 나온다.

구글폰트 Roboto선택


나는 밑에 쪽에 있는 Regular 400을 고를것이다.
오른쪽의 Select this style을 눌러준다.

구글폰트 스타일 선택


그럼 선택이 되고
오른쪽 위가 빨갛게 바뀐것을 볼 수 있다.
오른쪽 위를 눌러보자.

구글폰트 스타일 선택 확인


Selected family 창이 나온다.
여기서 Embed탭을 눌러보자

구글폰트 Selected family창


이제 이 코드를 CSS에 복붙 해서 사용하면 된다.

구글폰트 코드 복사


만약 여러가지 스타일(family)을 쓰고 싶다면
아까 전의 style창에서 이런식으로 여러가지를 선택하자
마찬가지로 오른쪽 위의 버튼을 누르고 Embed탭을 눌러보면

구글폰트 여러가지 스타일


이렇게 여러가지 패밀리가 선택된 코드가 작성되어 있다.
이것을 복붙 해서 사용하면 된다.

구글폰트 여러가지 스타일 사용