HTML Google字体网址

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了HTML Google字体网址相关的知识，希望对你有一定的参考价值。

<!-- Try doing this -->
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis+Light|Lato);

<!-- Instead of this -->
@import url(http://fonts.googleapis.com/css?family=Terminal+Dosis+Light);
@import url(http://fonts.googleapis.com/css?family=Lato);

如何在 HTML 页面中使用 Google 字体

【中文标题】如何在 HTML 页面中使用 Google 字体【英文标题】：How do I use Google Fonts in a HTML page 【发布时间】：2016-08-26 18:09:50 【问题描述】：

我看到人们在他们的网站中使用 Google 字体。如何在我的网站中使用 Google 字体？我使用的是 Arial 和 Verdana 等普通字体，但我也想使用 Source Sans Pro 和 Ubuntu 字体。我该怎么办？

【问题讨论】：

【参考方案1】：

1)转到https://www.google.com/fonts#

2) 在左上角的框中搜索字体名称

3) 点击加入收藏

4) 点击使用

5) 选择字体粗细

6) 复制下方填充的链接标签并将其插入您网站的<head> 部分

希望对你有帮助

保重并快乐编码

【讨论】：

【参考方案2】：

访问 Google 字体，选择您想要的字体并在您的网站中添加 CSS 或 JavaScript 代码（取决于您选择的内容）。

【讨论】：

以上是关于HTML Google字体网址的主要内容，如果未能解决你的问题，请参考以下文章

如何在 HTML 页面中使用 Google 字体

html Google字体性能提示

html 正确加载网络字体（根据Google推荐）

html Pine Google字体示例

使用 wkhtmltopdf 从 HTML 生成 Google Web 字体和 PDF

如何使用 Google 应用引擎重写网址——HTML5 模式不起作用