웹페이지에서 Google Font API(글꼴)를 사용하는 방법

웹페이지에서 Google Font API(글꼴)를 사용하는 방법_CSS/HTML

WBOY

풀어 주다： 2016-05-16 12:03:55

원래의

2614명이 탐색했습니다.

웹 디자인에서는 글꼴 표시가 문제입니다. 가장 일반적으로 사용되는 버전은 Song 글꼴이지만 Win 7에서 Song 글꼴의 성능은 정말 형편없습니다. 야헤이가 더 위엄있긴 한데, 폰트 크기에 따라 한자의 크기가 다르게 느껴지겠죠. 현재 소규모 사이트에서 사용하고 있는 글꼴은 Song Dynamise + Arial/Georgia 인데 익숙해서 별로 신경쓰지 않습니다. 사실 다른 더 좋은 영어 글꼴도 있습니다.
예를 들어 Bitter 글꼴은 제목에 적합합니다.

코드 복사 코드는 다음과 같습니다.

NowaMagic.net에 오신 것을 환영합니다

CSS Bitter 글꼴을 호출하는 방법은 무엇입니까?

코드 복사 코드는 다음과 같습니다.

@font-face {
 글꼴 -family: 'Bitter';
 글꼴 스타일: 일반;
 글꼴 무게: 400;
 src: local('Bitter-Regular'), url(http://themes.googleusercontent.com /static/ 글꼴/bitter/v4/s9gJB935qk_YG8d-lnTdvA.woff) 형식('woff');
}
@font-face {
 글꼴 계열: 'Bitter';
 글꼴- 스타일: 일반 ;
 글꼴 무게: 700;
 src: local('Bitter-Bold'), url(http://themes.googleusercontent.com/static/fonts/bitter/v4/JGVZEP92dXgoQBG1CnQcfD8E0i7KZn-EPnyo3HZu7kw .woff) format('woff');
}

실제로 이는 Google에서 출시한 두 가지 서비스인 Google Font Directory와 Google Font API입니다. Google은 여러 글꼴 디자이너를 통합하여 제공합니다. 다양하고 아름다운 글꼴을 사용하는 사용자. 자세한 내용은 제가 이전에 쓴 "Google Font API를 사용하여 웹 글꼴 강화"라는 기사를 참조하세요.
이것은 단지 소개일 뿐입니다. 중국에는 Google Font API를 사용하는 웹사이트가 정말 너무 적습니다.