css - 如何从网站窃取字体

Question

我知道这个问题本身是非法的 - 要求偷别人的家。 :)

无论如何，这是开发人员的逻辑实际上不起作用的情况。使用浏览器的开发工具，我得到了网站的 CSS。我在 main.css 中找到了 @font-face 代码。

这是我得到的:

ma​​in.css:
路径:http://www.example.com/assets/css/main.css
代码:

@font-face {
  font-family: 'the_font';
  src: url("../fonts/fontname/fontname.eot");
  bla bla
  font-style: normal;
  font-weight: normal;
}

因此，根据代码，字体文件位于“fonts”文件夹下名为“fontname”的文件夹中。而从路径的方向我们可以猜到字体的位置是:

http://www.example.com/assets/fonts/fontname/fontname.eot

但是它生成了一个 404 页面。

为什么路径的逻辑不起作用？

Answer 1

假设 CSS 文件不错(即字体确实已加载)。您可以使用浏览器的开发者工具。

例如在 Chrome 中:按 F12 打开 developer tools然后选择网络或资源标签并重新加载页面。您会看到列出的字体文件。