Html 关于是将图像用于文本还是谷歌字体，我有一些共同的看法

我想用一种不流行的字体。这种字体存在于谷歌字体和Photoshop中。我很困惑，因为这两种方法都会有一些加载时间，我知道图像不是文本的好方法（但至少图像是内部的），但是谷歌字体会引入一些开销，因为字体将从外部来源请求

哪种方法性能好（在加载速度方面）：

1） 使用Photoshop编写文本并将其保存为图像，而不是在我的网页中使用图像？或

2） 使用谷歌字体

3） 如果使用谷歌字体。我是否必须下载所有格式的字体文件，然后将其放入我的网站文件夹？或者我只是使用html链接标签来？哪一个更有效

---

提前多谢。

谷歌字体是CDN，所以它们不占用您的服务器资源（而图像占用）。也就是说，谷歌字体可以降低你的页面速度。但通常只有在使用少量字体时才使用。我一点也不关心1或2。总的来说，这两种方法最终都不会有什么问题

然而使用图像作为文本是1998年的事。坏习惯。更重要的是，更新文本、更改设计、运行A/B测试、可访问性、SEO和维护网站将成为A**中的一大难题。最简单的答案避免它。

直接从谷歌字体网站：

提示：使用多种字体会降低网页速度，因此只需选择 网页上实际需要的字体样式

提示：如果您只选择您需要的语言，您将提供帮助 防止网页速度缓慢

用法示例：

// include in the <head/> of your website
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

---

完成了。资源很少。

谷歌字体是CDN，因此它们不占用服务器资源（而图像占用）。也就是说，谷歌字体可以降低你的页面速度。但通常只有在使用少量字体时才使用。我一点也不关心1或2。总的来说，这两种方法最终都不会有什么问题

然而使用图像作为文本是1998年的事。坏习惯。更重要的是，更新文本、更改设计、运行A/B测试、可访问性、SEO和维护网站将成为A**中的一大难题。最简单的答案避免它。

直接从谷歌字体网站：

提示：使用多种字体会降低网页速度，因此只需选择 网页上实际需要的字体样式

提示：如果您只选择您需要的语言，您将提供帮助 防止网页速度缓慢

用法示例：

// include in the <head/> of your website
<link href='https://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>

---

完成了。资源很少。

您可以下载google fonts.ttf文件或您喜欢或支持的任何格式，并调用该文件，而不是通过url访问。这会快得多。是的，图像确实很糟糕，因为它使搜索引擎无法读取。

您可以下载google fonts.ttf文件或您喜欢或支持的任何格式，并调用该文件，而不是从url访问。这会快得多。是的，图像确实很糟糕，因为它使搜索引擎无法阅读。

使用谷歌字体。

GoogleFonts CDN是为交付内容而构建的，从它加载的内容可能会比在您的服务器上加载的更快

您无需下载字体或担心浏览器支持，只需将

标记添加到HTML中即可

由于以下几个原因，您不应使用图像显示文本：

屏幕阅读器无法读取图像中的文本

尺寸。根据图像和字体的大小，图像可能比字体文件大

需要更新的主要问题

用户体验问题。i、 e.用户不能复制文本、选择等

什么时候应该使用图像

---

当您需要使用CSS、SVG或画布（没有那么多）无法实现的文本效果时。如下面评论中所述，您仍然应该添加文本，只需使用谷歌字体即可。

GoogleFonts CDN是为交付内容而构建的，从它加载的内容可能会比在您的服务器上加载的更快

您无需下载字体或担心浏览器支持，只需将

标记添加到HTML中即可

由于以下几个原因，您不应使用图像显示文本：

屏幕阅读器无法读取图像中的文本

尺寸。根据图像和字体的大小，图像可能比字体文件大

需要更新的主要问题

用户体验问题。i、 e.用户不能复制文本、选择等

什么时候应该使用图像

---

当您需要使用CSS、SVG或画布（没有那么多）无法实现的文本效果时。正如在下面的评论中所指出的，您仍然应该添加文本，只是

您最关心的应该是可访问性。当然，就这一点而言，真正的文本内容每次都会胜过仅仅是图像一部分的“文本”。你只需要在页面顶部添加一个js链接（由谷歌字体提供）就可以使用字体。如果你使用CDN，谷歌字体应该不会花时间加载。如果可以的话，我会对CBroe的评论进行100次投票。不要用文字图片代替文字+您最关心的应该是可访问性。当然，就这一点而言，真正的文本内容每次都会胜过仅仅是图像一部分的“文本”。你只需要在页面顶部添加一个js链接（由谷歌字体提供）就可以使用字体。如果你使用CDN，谷歌字体应该不会花时间加载。如果可以的话，我会对CBroe的评论进行100次投票。永远不要使用p