Edge Inspect를 사용하여 Localhost를 통해 장치에서 볼 때 Typekit 글꼴이 작동하지 않는 이유는 무엇입니까?

Question

Edge Inspect를 사용하여 로컬로 실행되는 사이트를 테스트 할 때 Typekit 글꼴은 다운로드되거나 렌더링되지 않습니다.

내 Typekit 키트의 허용 도메인에 localhost를 추가했으며 내 컴퓨터의 IP 주소도 추가했습니다.

글꼴은 모든 장치가 아닌 브라우저에서 볼 때 잘 표시됩니다.

Answer 1

이 문제는 다른 사용자에게 도움이되기를 바랍니다.

당신이 당신의 네트워크에있는 다른 장치에 액세스 할 수없는 것입니다 호스트 이름 localhost, 를 통해 로컬 웹 사이트를 탐색하고

이 가장자리가 자동으로 검사하여 시스템의 로컬 IP 주소를 가져옵니다 다음은 직접 인용입니다 ( 은 whatismyip.com과 같은 사이트에 나와있는 외부 IP와 동일하지 않습니다.)을 모바일 앱에 보냅니다. 예를 들어 에 Mac에서 Chrome에서 실행중인 Sinatra 응용 프로그램을 http://localhost:4567으로 실행한다고 가정 해 보겠습니다. 내 iPhone은 호스트 이름 "localhost"를 이해하지 못하지만 IP 주소 10.1.10.1을 사용하여 내 Mac을 볼 수 있으므로 Edge Inspect는 http://10.1.10.1:4567으로 이동합니다.

글꼴을 작동 시키려면 키트에 localhost과 10.1.10.1을 모두 추가 할 수 있습니다. 그러나 경고없이 변경되는 경향이 있으므로 키트에 로컬 IP 을 추가하지 않는 것이 좋습니다. (위의 내 예를 에서, 다음에 나는 그것의 IP가 10.1.10.2에 을 변경 한 수 내 컴퓨터를 켭니다,하지만 내가 알고있는 모든 글꼴을 다시 내 장치에 을 작동을 중지했던 것입니다.)

것은하려면 이 문제를 해결하기 위해 기본적으로 현재 IP로 자동 업데이트되는 도메인 이름 인 "동적 DNS"( )를 사용하는 것이 좋습니다. 따라서 항상 컴퓨터를 가리 킵니다.

Mac을 사용하는 경우 가장 간단한 방법은 Mac의 Bonjour 호스트 이름을 사용하는 것입니다. Bonjour는 Mac OS X 및 iOS 에 내장 된 기술로 장치가 네트워크에서 자동으로 서로를 찾을 수 있도록 도와줍니다. Mac에서

1. 시스템 환경 설정 :
   은 봉쥬르 호스트 이름을 찾을 수 있습니다.
2. 공유 아이콘을 선택하십시오.
3. Bonjour 호스트 이름이 "컴퓨터 이름"필드 아래의 맨 위에 표시됩니다.

키트에 표시되는 호스트 이름을 추가하여 네트워크상의 모든 Apple 기기에서 에 사용할 수 있습니다. 예를 들어, Bonjour 이름은 Somename-rMBP.local이므로 모든 Mac 또는 iOS 기기에서 에 http://Somename-rMBP.local:4567을 찾아 볼 수 있으며 Sinatra 앱을 볼 수 있습니다.당신이 안드로이드 폰 또는 태블릿 이 호스트 이름을 사용할 수 없습니다 -

불행하게도,이 간단한 솔루션은 애플 장치 또는 설치 애플의 봉쥬르 소프트웨어 윈도우 PC에서 작동합니다. 어떤 장치에서 작동하는 호스트 이름 이 필요하면, 내가 을 거라고 몇 가지 옵션이 추천있다 :

가

1. 전달라는 타사 서비스가 컴퓨터에서 앞으로 쉽게 포트를 수있는 방법을 제공합니다 인터넷상의 다른 장치. 그들에 대해 자세히 알아보고 여기에 30 일 평가판에 가입하십시오 : https://forwardhq.com. 전달하면 dev-yourcompany.fwd.wf과 같이 키트에 추가 할 수있는 전달 된 앱의 영구 도메인 이름이 입니다.

2. 37 신호에는 xip.io라는 무료 "와일드 카드 DNS"서비스가있어 트래픽을 로컬 IP 주소로 자동 전달합니다. 시스템 환경 설정을 연 다음 네트워크를 선택하여 현재 로컬 IP 주소를 가져올 수 있습니다. IP 주소는 아래의 작은 텍스트에 활성 상태 인 연결 상태 (예 : 옆에 녹색 점이 있음)의 연결 상태로 표시되어야합니다. IP가 있으면 [YOUR IP] .xip.io에서 컴퓨터에 액세스 할 수 있습니다. 글꼴을 작동 시키려면 * .xip.io를 키트에 추가하십시오. 귀하의 IP가 변경 될 수 있음을 기억하십시오. 따라서 사이트가 에 액세스 할 수 없으면 정확한 IP 주소를 가지고 있는지 확인해야합니다. Adobe의 지원은 처음에 공개해야하는지 공유