Google 글꼴을 컴퓨터에 설치 한 후 사용하는 방법

Question

나는 이것이 매우 안타까운 문제라는 것을 알고 있습니다. 그러나 이것을 이해하는 것 같지 않습니다. 여기서 내가 잘못하고있는 것을 모릅니다. 내 컴퓨터에 설치, 구글 글꼴에서 글꼴을 다운로드하고 같이 내 CSS에서 그것을 참조하고있다 : 난 그냥 AP 태그가 내 HTML에서

* { margin:0; padding:0; font-family:Lobster; } 

:

<p> Hi, this is some text</p> 

이 거기에 어떤 추가 단계를 로컬 컴퓨터에 설치된 Google 글꼴을 사용하기 위해 수행해야하는 작업은 무엇입니까?

Answer 1

사이에 올바른 구문을 다음과 같은 링크를 추가 랍스터 폰트가 굴림을 사용합니다 사용할 수없는 경우 font-family:'Lobster', Arial; 여기에있다.

또한 CSS에서 글꼴 파일을 가져올 수 있습니다.

CSS

@import url(//fonts.googleapis.com/css?family=Lobster:400); 
body{ font-family:'Lobster', Arial; } 

DEMO

Answer 2

웹 페이지에 추가하려면 컴퓨터에서 Google 글꼴을 다운로드 할 필요가 없습니다.

이 글꼴을 사용하도록 EAD 태그

<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=lobster"> 

Answer 3

당신은 실제로 단지 폰트를 다운로드하지하지만 당신이 그것을 볼 수 있도록도 (그것을 설치 한 경우 수행해야 더 추가 단계가 없습니다 예를 들어, 메모장의 글꼴 메뉴에서) 및로컬로 자신의 페이지를 볼 때 사용되는 글꼴을보고 싶을뿐입니다.

웹 페이지에서 사용하려면 다른 형식의 관련 글꼴 파일을 생성하고 서버에 업로드 한 다음 해당 파일을 처리하는 @font-face 구문을 사용해야합니다.