블로그스팟- 글 꼴 변경하기

가나톡ganaTOK

6 2월 2025

블로그스팟 - 글꼴 변경하는 다양한 방법

블로그스팟에서 글꼴을 컴퓨터에 설치된 서체로 변경하려면, 블로그스팟의 기본 글꼴 옵션 외에 HTML/CSS를 활용해 사용자 정의 스타일을 적용해야 합니다. 다음은 간단한 방법입니다:

1. 블로그 테마에서 HTML 수정

블로그 대시보드로 이동:
- 블로그스팟의 대시보드에서 **테마**를 선택합니다.
HTML 편집:
- 테마 섹션에서 HTML 편집 버튼을 클릭합니다.
CSS 추가:
- 아래의 CSS 코드를 추가하여 원하는 글꼴을 적용합니다:
  
  css
  
  <style> body { font-family: "Your Font Name", Arial, sans-serif; } </style>
  
  여기서 "Your Font Name" 부분에 컴퓨터에 설치된 글꼴 이름을 입력합니다.

2. Google Fonts 활용 (추천)

Google Fonts를 이용하면 블로그 방문자들이 동일한 글꼴을 볼 수 있습니다.

Google Fonts 웹사이트 방문:
- 원하는 글꼴을 검색하고 선택합니다.
HTML 코드 추가:
- Google Fonts에서 제공하는 <link> 코드를 HTML 편집기에 추가합니다. 예:
  
  html
  
  <linkhref="https://fonts.googleapis.com/css2?family=Roboto&display=swap"rel="stylesheet">
CSS로 글꼴 지정:
- <style> 태그에 Google Fonts에서 가져온 글꼴을 적용합니다.
  
  css
  
  <style> body { font-family: 'Roboto', sans-serif; } </style>

3. 글쓰기 창에서 직접 HTML 편집

글쓰기 모드 변경:
- 블로그스팟의 글쓰기 화면에서 HTML 모드로 전환합니다.
글꼴 스타일 직접 적용:

텍스트에 원하는 글꼴을 지정하는 HTML 코드를 입력합니다.

html

<pstyle="font-family: 'Your Font Name';"> 여기에 텍스트를 입력하세요. </p>

4. Google Fonts에서 42dot Sans 폰트적용 예시

Google Fonts에서 42dot Sans 폰트를 블로그스팟에 추가하려면 아래 단계를 따라 설정할 수 있습니다.

1). Google Fonts에서 HTML 코드 가져오기

Google Fonts 웹사이트에서 원하는 글꼴을 선택합니다.
- 예: 42dot Sans.
Embed 섹션에서 HTML <link> 태그를 복사합니다.
- 예:
  
  html
  
  <linkhref="https://fonts.googleapis.com/css2?family=42dot+Sans&display=swap"rel="stylesheet">

2). 블로그스팟 테마에 추가

블로그스팟 대시보드로 이동:
- 테마 메뉴 클릭.
HTML 편집:
- HTML 편집기를 열어 <head> 태그 안에 위에서 복사한 <link> 태그를 붙여넣습니다.
  
  html
  
  <head><linkhref="https://fonts.googleapis.com/css2?family=42dot+Sans&display=swap"rel="stylesheet"></head>

3). CSS로 폰트 적용

CSS 스타일 추가:

테마의 CSS 섹션에 다음 코드를 추가합니다.
css
body { font-family: '42dot Sans', sans-serif; }

테마의 CSS 섹션에 다음 코드를 추가합니다.
css
h1,h2,h3 { font-family: '42dot Sans', sans-serif; }

4). 글쓰기 화면에서 직접 적용 (옵션)

글 작성 시 HTML 모드로 전환합니다.
특정 텍스트에만 폰트를 적용하려면 아래 코드를 사용합니다.
html
<pstyle="font-family: '42dot Sans', sans-serif;"> 여기에 텍스트를 입력하세요. </p>

위 단계를 따라 설정하면 42dot Sans 폰트를 블로그에 적용할 수 있습니다. 버튼

42dot Sans 글 꼴 변경하기 블로그스팟 폰트변경 CSS 스타일 추가