html - 页面通过 HTTPS 加载，但请求的字体不安全——但所有链接都是 HTTPS

Question

我有一个 WP 站点，它从同一页面上的目录加载一些自定义字体。
到目前为止，它没有任何问题。我怀疑它可能是一些对 .htaccess 做了一些事情的插件。

Mixed Content: The page at 'https://www.mypage.net/' was loaded over HTTPS, but requested an insecure font 'http://www.mypage.net/'. This request has been blocked; the content must be served over HTTPS.

通常，您可以通过添加 s 轻松解决此问题。在 HTTP 的末尾，但所有链接都是 HTTPS——但它说它不是。我查了 <link>到字体样式表。然后我检查了样式表，所有链接都是 HTTPS 和绝对路径。

该页面强制 HTTPS 重定向，并且在 WP 的设置中，该页面被定义为具有 HTTPS 的 URL。

Answer 1

更新:经过大量测试和修补，终于解决了这个问题。

第一的;我的字体文件夹有一个 .htaccess阻止从站点本身以外的任何其他来源下载(许可要求)的规则。 RewriteRule其中之一使用 HTTP 而不是 HTTPS:

RewriteEngine On
RewriteCond %{HTTP_REFERER} !^http://(www\.)?mypage\.net/ [NC]
RewriteCond %{REQUEST_URI} !hotlink\.(ttf|otf|woff|woff2|eot) [NC]
RewriteCond %{HTTP_COOKIE} !^.*wordpress_logged_in.*$ [NC]
RewriteRule .*\.(ttf|otf|woff|woff2|eot)$ http://www.mypage.net/ [NC]
                                          ^^^^^

我将其修复为 HTTPS，然后更改为不同的错误:
Failed to decode downloaded font: https://mypage.net/fonts/font.woff
OTS parsing error: invalid version tag
为了解决这个问题，我必须确保我的字体有 deep font support ，它有，然后我在某处读到它可以通过将版本添加到链接(？v = x)来解决，例如:
src: url('https://mypage.net/fonts/font.woff?v=1') format('woff');
这适用于 .woff、.woff2 和 .eot，但由于某种原因不适用于 .ttf。在 .ttf 上添加版本扩展名会给我 404。我实际上也曾遇到过，它在没有扩展名的情况下给了我 404。我四肢着地出去移动了 src: url('…');包含从底部到顶部的 .ttf 并以某种方式解决了这两个错误。

此时它没有给我错误，但现在它根本没有加载字体。它变成了后备。经过随机搜索，我发现通过插件上传的自定义字体(ProPhoto6 - 他们只允许上传 X 数量的自定义字体，这是愚蠢的)具有不同的读/写权限。我将权限更改为我使用的所有字体的值(由 ProPhoto 上传并正在使用的字体)； 0666(有 0644)。这最终使它加载而没有错误。