블로그스팟 블로거 Blogspot Blogger 폰트 변경 바꾸기 (2024 최신)

본 글에서 예시로 바꾸는 폰트는 변경된 모습이 확인하기 쉬운 폰트로 예시를 들기위해 적용했습니다.

블로그에는 보통 ‘나눔 고딕’ 또는 ‘Noto sans kr’ 폰트가 많이 적용됩니다.

1. 구글 폰트 사이트에서 폰트정하기

구글 폰트 사이트에서 맘에드는 폰트를 골라주세요.

오른쪽 위 쪽에 ‘get font’를 클릭해주세요.

‘get embed code’를 클릭해 적용할 코드를 확인할 수 있습니다.

2. 적용 방법 설명

위에 있는 코드는 블로그스팟 html 편집창에서 ‘<head>’ 코드 아래에 들어갈 코드입니다.

아래 있는 코드는 ‘body {‘ 코드안 ‘font-family:’ 에 적용시킬 코드입니다.

3. 코드 변경할 부분 설명

블로그스팟에 적용할때는 구글 코드를 바로 적용시켜주면 안되고 코드를 약간 변경해줘야 합니다.

사진이 잘보이지 않아서 (추가설명)

crossorigin 변경후 crossorigin = 'crossorigin'

위 처럼 코드를 변경해주시면 됩니다.

> 변경후 />

기존 코드에서 끝에 ‘/’를 추가해줘야합니다.

& 변경후 ;

& 코드를 ; 로 변경해줍니다.

이렇게 변경후 등록해야 정상적으로 적용됩니다.

4. html 편집창에 코드 적용 시키기

4-1. 블로그 스팟 테마 편칩창

블로그스팟 html 편집창으로 갑니다.

4-2. <head> 코드에 붙여넣기

위에서 변경해 놓은 코드를 ‘<head>’ 코드 바로 아래에 붙여 넣어 줍니다.

4-3. font-family 변경

body{

블로그스팟 html 편집창에서 위 코드의 위치를 찾습니다. (검색 단축키 ctrl + F)

구글 홈페이지에서 font-family에 있는 코드를 드래고 블로그 스팟 font-family에 코드를 넣습니다. (사진참고)

여기까지 적용해주시면 홈페이지에 폰트가 전체 적용됩니다.

5. 적용 폰트 확인하기

홈페이지에 폰트가 잘 적용된것을 확인할 수 있습니다.