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

Posted

技术标签:

【中文标题】如何在 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 字体的主要内容,如果未能解决你的问题,请参考以下文章

如何使用书签在任何网站的页面中显示表单(如 Google Reader 中的 Note)?

Winfrom中如何使用Iconfont字体图标补充

如何在 Nuxt/Vuetify 中从头部删除 Google 字体 Roboto?

在Wordpress中查找Google字体的来源

如何在不影响网站页面速度的情况下在我的网站上使用谷歌字体

如何使用nuxt js将字体嵌入到所有页面