2

Edge Inspectを使用してローカルで実行されているサイトをテストする場合、Typekitフォントはダウンロードまたはレンダリングされません。

Typekitキットで許可されているドメインにローカルホストを追加し、マシンのIPアドレスも追加しました。

フォントは、どのデバイスでも表示されないだけでなく、ブラウザで表示されたときに正常にレンダリングされます。

4

1 に答える 1

6

この問題を抱えている他の人に役立つことを願って、アドビのサポートから提供されたこの回答を追加します。以下は直接引用です。

localhostネットワーク上の他のデバイスからはアクセスできないホスト名を介してローカルWebサイトを閲覧している場合、Edge InspectはマシンのローカルIPアドレス（whatismyipなどのサイトに表示される外部IPとは異なります）を自動的に取得します。 .com）そしてそれをモバイルアプリに送信します。たとえば、MacのChromeでSinatraアプリケーションを実行しているとし http://localhost:4567ます。私のiPhoneはホスト名「localhost」を理解できませんが、IPアドレス10.1.10.1を使用して私のMacを見ることができるので、EdgeInspectはに移動し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携帯電話またはタブレットでは使用できません。どのデバイスでも機能するホスト名が必要な場合は、次の2つのオプションをお勧めします。

  1. Forwardと呼ばれるサードパーティのサービスは、コンピュータからインターネット上の他のデバイスにポートを簡単に転送する方法を提供します。https://forwardhq.comで、それらの詳細を確認し、30日間のトライアルにサインアップでき ます。Forwardは、転送されたアプリの永続的なドメイン名を提供します。このドメイン名は、キットに追加できます dev-yourcompany.fwd.wf。

  2. 37signalsには、トラフィックをローカルIPアドレスに自動的に転送するxip.ioと呼ばれる無料の「ワイルドカードDNS」サービスがあります。[システム環境設定]を開き、[ネットワーク]を選択すると、現在のローカルIPアドレスを取得できます。IPアドレスは、アクティブな接続（つまり、横に緑色の点がある）の接続ステータスの下にある小さなテキストで表示される必要があります。IPを取得したら、[YOURIP].xip.ioでコンピューターにアクセスできます。フォントを機能させるには、キットに*.xip.ioを追加します。IPが変更される可能性があるため、サイトにアクセスできなくなった場合は、正しいIPアドレスを使用していることを確認する必要があります。

于 2012-12-13T17:31:06.977 に答える