我如何从chrome开发人员工具下载/提取字体

Muh*_*mer 44 fonts google-chrome-devtools

我已经厌倦了很多东西,但即使我的电脑有它也无法得到它.

我如何访问这些文件...它们是.woff扩展名.在chrome检查器中双击它们只需要一些URL.哪个不起作用.

这个字体也没有安装在我的电脑上.

这实际上是我生命中第一次遇到woff格式和概念Web开放格式.我想下载字体网站正在使用.我知道我可以下载图像为什么不会.

在此输入图像描述

Mar*_*oni 48

要获得.woff字体首先打开chrome dev工具面板(Ctrl+Shift+i)转到网络并重新加载页面.在那里,您将看到页面下载的所有内容.找到.woff文件,右键单击并选择" 复制响应".

响应将是一个URL,因此将其粘贴到导航栏中.将下载一个文件,只需添加.woff扩展名即可.

  • 而不是“复制响应”,只需双击它 - 它会下载文件 (3认同)

Mic*_*zos 21

右键单击,然后"在新选项卡中打开链接"

编辑:你也可以双击,它具有相同的效果

  • 实际上,在您的特定示例中,服务器似乎返回对该操作发起的请求的"403 - Forbidden"响应.无论如何,我能够通过在`chrome:// cache`中探索chrome缓存来保存字体.搜索"woff"然后"右键单击/保存链接为..." (4认同)
  • 当它说禁止/403 响应时,很可能他们正在检查引用。这样做 -> 检查字体所在页面上的任何锚链接,将其 href 更改为字体链接并单击该链接,它将下载字体文件。 (2认同)

Abr*_*ham 12

迄今为止最好的方法

实际上是转到rightclick: inspect > Application (on the top tabs) > Frames (scroll on the left tabs)然后您可以找到Font列出所有加载字体的部分。它列出了以任何可能的安全方式加载的所有内容。

此外,它还在右侧预览它们,以使其更加容易

应用选项卡

然后,您可以右键单击所需的选项并在新选项卡中打开。然后您可以在末尾添加 .woff 并在任何地方使用它。(您也可以在预览底部检查其扩展名)


Jin*_*esh 8

开铬

右键单击 => 检查 => 导航到应用程序选项卡

Frames部分,列出了所有静态可用的资产(资源),例如 css、JavaScript、字体。


小智 6

很简单(仅适用于Chorme)

  1. 右键单击>检查元素
  2. 转到“资源”选项卡,然后在下拉文件夹中找到“字体”
    • “资源”标签可以称为“应用程序”
  3. 右键单击字体(.woff格式)>在新标签页中打开链接(这应以.woff格式下载字体
  4. 在线查找'Woff到TTf或Otf'字体转换器
  5. 转换后享受!