Dreamweaver의 Google Web Fonts 사이트에서 사용자 글꼴 사용 방법 - 인형

Dreamweaver를 사용하여 사이트에 사용자 정의 글꼴을 추가하는 가장 쉬운 방법 중 하나는 Google에서 제공하는 것입니다. Google 웹 글꼴은 제한된 글꼴 모음을 제공하지만 모든 글꼴을 무료로 사용할 수 있습니다. Google 웹 글꼴 사이트의 글꼴을 페이지에 추가하려면 다음 단계를 따르십시오.

1. 웹 브라우저를 열고 Google 웹 글꼴 사이트 를 방문하십시오.

2. 찾고있는 글꼴의 유형과 스타일을 선택하여 사이트에서 사용할 수있는 글꼴을 검색합니다.

   검색 범위를 좁히려면 필터 (왼쪽 열에 있음)를 사용하십시오. 화면 상단의 미리보기 텍스트 필드를 편집하여 각 글꼴에 표시되는 텍스트를 변경할 수 있습니다.

   

3. 원하는 글꼴을 찾은 다음 오른쪽 아래에있는 각 글꼴 이름 바로 아래 파란색 추가 버튼을 클릭하십시오.

4. 웹 페이지에서 사용할 각 글꼴 스타일 옆에있는 확인란을 클릭하십시오.

   Google 글꼴 디렉토리의 대부분의 글꼴에는 하나의 스타일 만 있습니다. 모든 스타일을 선택해야 할지도 모르지만 사용하는 스타일 만 선택하는 것이 가장 좋습니다. Google에서 경고하는 것처럼 더 많은 글꼴 스타일을 선택할수록 웹 페이지를 다운로드하는 데 더 오래 걸립니다.

5. 페이지를 아래로 스크롤하고 영어 옵션 인 라틴어 옵션을 선택하십시오.

   다른 언어에 대해 추가 문자가 필요한 경우 라틴 확장 옵션을 선택하십시오.

6. 세 개의 탭이있는 파란색 상자로 페이지를 아래로 스크롤하십시오. 첫 번째 탭을 클릭하여 글꼴을 웹 사이트에 연결하십시오.

   Google은 표준, @ 수입 및 자바 스크립트의 세 가지 옵션을 제공합니다. 이 세 사이트에 대한 자세한 설명은 Google 사이트에서 찾을 수 있습니다.

   

7. 7. 웹 페이지에서 다른 텍스트 나 코드를 복사하는 것처럼 Google의 표준 탭 필드에서 링크를 복사하십시오.

8. Dreamweaver에서 열고 닫는 태그 사이에 웹 페이지의 머리 부분에 링크를 붙여 넣습니다.

9. Google 웹 글꼴 사이트로 돌아가서 페이지 하단의 글꼴 모음 이름을 복사합니다.

   글꼴을 귀하의 CSS에 통합 영역에서 글꼴 패밀리의 이름을 찾을 수 있습니다.

   스타일 정의에서 Google이 글꼴을 쓰는대로 정확하게 글꼴 이름을 포함해야합니다. 복사하여 붙여 넣기가 글꼴 이름이 일치하는지 확인하는 가장 좋은 방법입니다.

10. Dreamweaver에서 글꼴을 사용할 CSS 규칙에 글꼴 군의 이름을 붙여 넣습니다.

11. 웹 페이지의 텍스트에 규칙을 적용하십시오.

    태그와 같이 태그 선택기 스타일로 글꼴을 사용하는 경우 태그를 텍스트에 적용하면 글꼴이 규칙의 일부로 자동 적용됩니다. 클래스 또는 ID 스타일에서 글꼴을 사용하는 경우

    태그 또는 태그와 같이 텍스트를 둘러싸는 태그에 스타일을 적용해야합니다.

12. 웹 서버에 페이지를 게시 한 다음 웹 브라우저에서 페이지를 미리보고 글꼴을 확인하십시오.

    Google 웹 글꼴을 사용할 때 라이브보기 옵션을 사용하는 경우에도 Dreamweaver에 표시되는 글꼴을 볼 수 없습니다. 글꼴이 페이지에서 제대로 작동하려면 FTP를 사용하여 웹 서버로 페이지를 전송하고 온라인으로 게시 한 후 페이지를 미리 볼 필요가 있습니다.