您好, 欢迎来到 !    登录 | 注册 | | 设为首页 | 收藏本站

下载Google字体并设置使用它的离线网站

下载Google字体并设置使用它的离线网站

只需转到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');
}

只需将URL地址更改为已下载的字体文件上的本地链接即可。

您可以更轻松地做到这一点。

只需下载文件,您已链接

http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600,300

将其命名为opensans.css左右。

然后只需将url()中的链接更改为字体文件的路径即可。

然后将示例字符串替换为:

<link href='opensans.css' rel='stylesheet' type='text/css'>
Go 2022/1/1 18:22:26 有543人围观

撰写回答


你尚未登录,登录后可以

和开发者交流问题的细节

关注并接收问题和回答的更新提醒

参与内容的编辑和改进,让解决方法与时俱进

请先登录

推荐问题


联系我
置顶