Und*_*ion 2 fonts localhost webfonts typekit adobe-edge-inspect
使用Edge Inspect测试本地运行的站点时,不会下载或呈现Typekit字体.
我已将localhost添加到我的Typekit工具包中允许的域中,并添加了我的机器的IP地址.
在浏览器中查看时,字体呈现正常,而不是在任何设备上.
我正在添加Adobe支持给出的答案,希望它能帮助其他任何人解决这个问题.以下是直接引用:
当您通过主机名浏览本地网站时
localhost,网络上的任何其他设备都无法访问该网站,Edge Inspect会自动获取您计算机的本地IP地址(这与外部IP不同,如whatismyip等网站所示.com)并将其发送到移动应用程序.例如,假设我的Mac上有一个运行在Chrome中的Sinatra应用程序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主机名:
- 在Mac上打开"系统偏好设置".
- 选择"共享"图标.
- 您的Bonjour主机名将显示在"计算机名称"字段下方的顶部区域中.
您可以将出现在其中的主机名添加到您的工具包中,并在网络上的任何Apple设备上使用它.例如,我的Bonjour名称是Somename-rMBP.local,因此我可以在任何Mac或iOS设备上浏览http://Somename-rMBP.local:4567并查看我的Sinatra应用程序.
不幸的是,这个简单的解决方案只适用于安装了Apple的Bonjour软件的Apple设备或Windows PC - 您不能在Android手机或平板电脑上使用此主机名.如果您需要一个适用于任何设备的主机名,我建议您选择以下几种方法:
名为Forward的第三方服务提供了一种方法,可以轻松地将计算机上的端口转发到Internet上任何位置的其他设备.您可以在此处了解有关它们的更多信息并注册30天试用版:https: //forwardhq.com.转发将为您转发的应用提供永久域名,您可以将其添加到套件中,例如
dev-yourcompany.fwd.wf.37signals有一个名为xip.io的免费"通配符DNS"服务,它会自动将流量转发到本地IP地址.您可以打开"系统偏好设置",然后选择"网络"来获取当前的本地IP地址.对于任何活动的连接(即旁边有一个绿点),IP地址应显示在连接状态下面的小文本中.获得IP后,即可通过[您的IP] .xip.io访问您的计算机.要使字体正常工作,请将*.xip.io添加到您的工具包中.请记住,您的IP可能会更改,因此如果您的站点无法访问,您应该检查以确保您拥有正确的IP地址.