Squarespace에서 고유한 글꼴 사용하기

내용 목차

1. 이번 CSS 튜토리얼에 대하여
2. 글꼴 추가하기
   • 2.1 웹 안전 글꼴 사용하기
   • 2.2 고유 글꼴 파일 사용하기
3. 시작하기 전에
4. 홈 페이지 메뉴
   • 4.1 디자인으로 이동하기
   • 4.2 사용자 정의 CSS로 이동하기
5. 글꼴 추가하기
   • 5.1 고유 글꼴 파일 준비하기
   • 5.2 파일 업로드하기
6. 코드 적용하기
7. 다른 유형의 텍스트에 글꼴 적용하기
   • 7.1 헤더를 위한 글꼴 선택하기
   • 7.2 다른 텍스트 유형에 글꼴 적용하기
8. 저장 및 결과 확인하기
9. 사용자 정의 CSS 저장하기
10. 마무리

🔊 글꼴 추가하기

Squarespace 웹사이트에서 고유한 글꼴을 사용하는 방법에 대해 알아보겠습니다. 이미지에 텍스트를 추가하는 대신 헤딩 또는 일반 텍스트에 원하는 글꼴을 적용할 수 있습니다. 이를 통해 Squarespace 웹사이트의 디자인을 더욱 개성적으로 꾸밀 수 있습니다.

1. 이번 CSS 튜토리얼에 대하여

안녕하세요! Becca입니다. 오늘은 Squarespace 웹사이트에 고유한 글꼴을 추가하는 방법에 대해 알려드리려고 합니다. 이는 제가 많은 요청을 받은 CSS 사용자 정의 중 하나입니다. 지금부터 차근차근 따라와 주세요.

2. 글꼴 추가하기

2.1 웹 안전 글꼴 사용하기

Squarespace에서 제공하는 웹 안전 글꼴을 사용할 수 있습니다. 이는 누구나 접속할 때 브라우저에서 지원하는 글꼴로 텍스트를 표시합니다. 웹 안전 글꼴을 사용하려면 다음 단계를 따르세요.

1. 홈 페이지 메뉴로 이동합니다.
2. 디자인을 선택한 다음, 사용자 정의 CSS로 이동합니다.
3. 아래에서 제공하는 코드를 복사하여 붙여넣습니다.

2.2 고유 글꼴 파일 사용하기

고유한 글꼴 파일을 사용하려면 다음 절차를 따라주세요.

1. 준비 단계에서 고유한 글꼴 파일을 준비합니다.
2. 파일을 Squarespace에 업로드합니다.

3. 시작하기 전에

글꼴을 추가하기 전에 몇 가지 사항을 확인해야 합니다. 먼저, 고유한 글꼴 파일을 준비해야 합니다. 웹사이트에서 사용할 글꼴을 결정하고 해당 글꼴의 파일을 손에 넣어야 합니다. 무료로 제공되는 웹 안전 글꼴을 사용할 수도 있습니다.

4. 홈 페이지 메뉴

이제 글꼴을 추가하기 위해 Squarespace 홈 페이지 메뉴로 이동해야 합니다.

4.1 디자인으로 이동하기

홈 페이지 메뉴에서 "디자인"을 선택하세요. 메뉴에서 디자인으로 이동합니다.

4.2 사용자 정의 CSS로 이동하기

디자인 섹션에서 "사용자 정의 CSS"를 선택하세요. 이렇게 하면 글꼴을 추가할 수 있는 공간으로 이동합니다.

5. 글꼴 추가하기

5.1 고유 글꼴 파일 준비하기

이제 고유한 글꼴 파일을 준비해야 합니다. 다운로드한 글꼴 파일을 사용할 준비를 마치세요.

5.2 파일 업로드하기

준비한 글꼴 파일을 Squarespace에 업로드해야 합니다. 파일을 드래그 앤 드롭하거나 파일 선택 창을 통해 파일을 업로드하세요. Squarespace는 파일 업로드 후, 해당 파일의 URL을 제공합니다.

6. 코드 적용하기

이제 코드를 적용할 차례입니다. 코드를 복사한 뒤, 사용자 정의 CSS 공간에 붙여넣으세요. 이제 제대로 작동하는지 확인해 보세요.

7. 다른 유형의 텍스트에 글꼴 적용하기

7.1 헤더를 위한 글꼴 선택하기

h1 헤더에 사용할 글꼴을 선택하세요. 먼저, 이미지에 적용한 글꼴을 h1 헤더에 적용해보세요.

7.2 다른 텍스트 유형에 글꼴 적용하기

성공적으로 h1 헤더에 글꼴을 적용한 경우, 이제 다른 텍스트 유형에도 동일한 방식으로 글꼴을 적용할 수 있습니다. 예를 들어, h3 텍스트에는 다른 글꼴을 적용할 수 있습니다.

8. 저장 및 결과 확인하기

길고 복잡한 과정을 거쳐 글꼴을 추가했습니다. 코드를 추가하고 모든 설정을 마쳤다면 저장 버튼을 클릭하세요. 웹사이트의 변경 사항을 확인해보세요.

9. 사용자 정의 CSS 저장하기

작업이 완료되었으니 반드시 사용자 정의 CSS를 저장하는 것을 잊지 마세요. 이렇게 하면 설정이 영구적으로 유지됩니다.

10. 마무리

이제 Squarespace 웹사이트에서 고유한 글꼴을 사용하는 방법을 배웠습니다. 여러가지 텍스트 유형에 원하는 글꼴을 적용하여 웹사이트를 더욱 독특하게 꾸밀 수 있습니다. 좋은 결과를 얻기 위해 지시 사항을 따라해보세요. 새로운 글꼴로 Squarespace 웹사이트를 개성적으로 꾸며보세요!