2

使用 Edge Inspect 测试本地运行的站点时，不会下载或呈现 Typekit 字体。

我已将 localhost 添加到我的 Typekit 工具包中的允许域中，并添加了我机器的 IP 地址。

在浏览器中查看时，字体呈现良好，只是在任何设备上都没有。

4

1 回答 1

6

我正在添加 Adob​​e 支持提供的这个答案，希望它能帮助其他人解决这个问题。以下为直接报价：

当您通过主机名浏览本地网站时localhost，网络上的任何其他设备都无法访问该网站，Edge Inspect 会自动获取您机器的本地 IP 地址（与 whatismyip 等网站上显示的外部 IP 地址不同） .com）并将其发送到移动应用程序。例如，假设我有一个 Sinatra 应用程序在我的 Mac 上的 Chrome 中运行为 http://localhost:4567. 我的 iPhone 无法理解主机名“localhost”，但它可以看到我的 Mac 使用其 IP 地址 10.1.10.1，因此 Edge Inspect 将导航到http://10.1.10.1:4567.

因此，要使字体正常工作，您可以将两者都添加localhost到 10.1.10.1您的工具包中。但是，我们不建议将本地 IP 添加到套件中，因为它们往往会在没有警告的情况下更改。（在我上面的例子中，下次我打开我的电脑时，它的 IP 可能会更改为 10.1.10.2，但我只知道字体在我的设备上再次停止工作。）

为了解决这个问题，我们建议使用某种形式的“动态 DNS”——基本上，一个使用您当前 IP 自动更新的域名，因此将始终指向您的计算机。

如果您使用的是 Mac，最简单的方法是使用 Mac 的 Bonjour 主机名。Bonjour 是 Mac OS X 和 iOS 中内置的一项技术，可帮助设备通过网络自动找到彼此。

要查找您的 Bonjour 主机名：

  1. 在 Mac 上打开系统偏好设置。
  2. 选择共享图标。
  3. 您的 Bonjour 主机名将显示在顶部区域的“计算机名称”字段下。

您可以将那里出现的主机名添加到您的套件中，并在您网络上的任何 Apple 设备上使用它。例如，我的 Bonjour 名称是 Somename-rMBP.local，因此我可以在任何 Mac 或 iOS 设备上浏览到http://Somename-rMBP.local:4567并查看我的 Sinatra 应用程序。

不幸的是，这个简单的解决方案只能在安装了 Apple Bonjour 软件的 Apple 设备或 Windows PC 上运行——您不能在 Android 手机或平板电脑上使用此主机名。如果您需要一个可以在任何设备上使用的主机名，我推荐以下几个选项：

  1. 名为 Forward 的第三方服务提供了一种将端口从您的计算机轻松转发到 Internet 上任何位置的其他设备的方法。您可以在此处了解有关它们的更多信息并注册 30 天试用版： https ://forwardhq.com 。Forward 将为您的转发应用程序提供一个永久域名，您可以将其添加到您的工具包中，例如 dev-yourcompany.fwd.wf.

  2. 37signals 有一个名为 xip.io 的免费“通配符 DNS”服务，它会自动将流量转发到本地 IP 地址。您可以通过打开系统偏好设置，然后选择网络来获取您当前的本地 IP 地址。无论连接处于活动状态（即旁边有一个绿点），IP 地址都应显示在连接状态下方的小文本中。获得 IP 后，您可以通过 [YOUR IP].xip.io 访问您的计算机。要使字体正常工作，请将 *.xip.io 添加到您的工具包中。请记住，您的 IP 可能会更改，因此如果您的网站无法访问，您应该检查以确保您拥有正确的 IP 地址。

于 2012-12-13T17:31:06.977 回答