使用Edge Inspect在Localhost中的设备中查看时，为什么Typekit字体不起作用？

Question

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

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

在浏览器中查看时字体呈现正常，而不是在任何设备上。

Answer 1

我正在添加Adobe支持人员给出的答案，希望能帮助其他人解决这个问题。以下是直接引用：

  

当您通过主机名localhost浏览本地网站时，   您的网络上的任何其他设备都无法访问，   Edge Inspect自动获取机器的本地IP地址（哪个   与网站上显示的外部IP不同   whatismyip.com）并将其发送到移动应用程序。例如，让我们   说我的Mac上运行Chrome的Sinatra应用程序   http://localhost:4567。我的iPhone无法理解   主机名“localhost”，但它可以使用其IP地址查看我的Mac   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，所以我可以浏览到http://Somename-rMBP.local:4567   任何Mac或iOS设备，请参阅我的Sinatra应用程序。

     

不幸的是，这个简单的解决方案只适用于Apple设备或   安装了Apple的Bonjour软件的Windows PC - 您无法使用   这个主机名与Android手机或平板电脑。如果您需要主机名   这将适用于任何设备，我有几个选项   建议：

     
  

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

  

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