只需转到Google字体-http://www.google.com/fonts/,将您喜欢的字体添加到收藏夹,然后按下载按钮。然后只需使用@fontface将此字体连接到您的网页即可。顺便说一句,如果打开您正在使用的链接,您将看到一个使用@fontface的示例。
http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300
举个例子
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 300;
src: local('Open Sans Light'), local('OpenSans-Light'), url(http://themes.googleusercontent.com/static/fonts/opensans/v6/DXI1ORHCpsQm3Vp6mXoaTaRDOzjiPcYnFooOUGCOsRk.woff) format('woff');
}
您可以更轻松地做到这一点。
http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300
将其命名为opensans.css左右。
然后将示例字符串替换为:
<link href='opensans.css' rel='stylesheet' type='text/css'>