# Typekit does not work with Live Link (\*.ngrok.io)

**URL:** <https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441>\
**Category:** Uncategorized\
**Created:** [July 24, 2018, 1:21pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441 "2018-07-24T13:21:00Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 1:21pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/1 "2018-07-24T13:21:00Z")

</div>

Due to [ngrok.io](http://ngrok.io) changing the Live Link every day, I cannot see Typekit fonts on any Live Link URLs because \*.ngrok.io is an invalid domain to use with Typekit. The only way I can find around this is to change the Typekit domain to the full Live Link every time it changes, which is not optimal at all. Anyone know a workaround for this?

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 3:32pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/2 "2018-07-24T15:32:21Z")

</div>

Hi Brian,

If you’re showing the site to a client, I’d recommend using [Connect to Flywheel](https://local.getflywheel.com/connect-to-flywheel/) and pushing the site to a Flywheel demo site. Once you do that, you can add the Flywheel site to TypeKit.

In case Connect isn’t your cup of tea, the next best thing to do is to sign up for a paid plan of ngrok and take advantage of their reserved [sub]domains.

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 4:03pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/3 "2018-07-24T16:03:47Z")

</div>

Thanks @clay! My use case is to show colleagues BEFORE the site is ready to show clients (while still in development) so I guess I would have to go the latter route you suggested. How exactly would I set up a reserved subdomain to use with Live Link?

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 4:11pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/4 "2018-07-24T16:11:13Z")

</div>

No problem!

> [@bkmacdaddy](#):
>
> How exactly would I set up a reserved subdomain to use with Live Link?

Here’s how I’d go about it:

1. Enable the Live Link in Local
2. Browse to the site’s `app/public/wp-content/mu-plugins` directory and rename `local-by-flywheel-demo-urls.php` to something else so it’s not automatically deleted after the Live Link is disabled.
3. Disable the Live Link
4. [Sign up for a paid version](https://ngrok.com/pricing) of ngrok (Basic should do the trick)
5. [Download](https://ngrok.com/download) and [authenticate ngrok](https://ngrok.com/docs#authtoken)
6. Create a new tunnel with ngrok. See [Overview | ngrok documentation](https://ngrok.com/docs#expose). The command will look something like

```auto
ngrok -subdomain=whateveryouwant http some-local-site.local:80 -host-header=some-local-site.local

```

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 5:51pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/5 "2018-07-24T17:51:49Z")

</div>

Thank you again, @clay! Very helpful! Much appreciated!

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 6:15pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/6 "2018-07-24T18:15:35Z")

</div>

Sorry to ask for more help on this, @clay but I guess I’m a bit over my head here.

I followed your instructions, but the error I get is “Incorrect Usage: flag provided but not defined: -subdomain”

Reserved subdomain created in my ngrok account and replaced “whatever-you-want” with the correct name. Replaced “some-local-site.local” with the correct local URL.

Any additional help you can provide is much appreciated. Thanks!

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 6:17pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/7 "2018-07-24T18:17:12Z")

</div>

> [@bkmacdaddy](#):
>
> the error I get is “Incorrect Usage: flag provided but not defined: -subdomain”

My bad, try putting the `-subdomain` flag _after_ `http`. See [Overview | ngrok documentation](https://ngrok.com/docs#subdomain)

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 6:37pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/8 "2018-07-24T18:37:54Z")

</div>

Thank you, @clay! That got rid of the error and appears to be working but when I try to access [mysubdomain.ngrok.io](http://mysubdomain.ngrok.io) I get the Local site address but it shows “this site cannot be reached”. The console show 301 error. Any ideas?

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 6:56pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/9 "2018-07-24T18:56:43Z")

</div>

Hmm… Is the Local file present in the Local site’s `app/public/wp-content/mu-plugins` folder?

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 7:09pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/10 "2018-07-24T19:09:16Z")

</div>

The renamed one is. I’m supposed to leave the Live Link disabled, correct? I tried it both ways without success.

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 7:11pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/11 "2018-07-24T19:11:27Z")

</div>

> [@bkmacdaddy](#):
>
> I’m supposed to leave the Live Link disabled, correct?

Yup!

Can you go to Admin » Plugins » Must Use in WordPress and make sure the plugin is showing there?

* * *

Also, can you provide a screenshot of the error you see when trying to access the ngrok URL?

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 7:27pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/12 "2018-07-24T19:27:35Z")

</div>

The plugin is showing on the WP Admin side.

Here’s a screenshot of the console errors. For the browser (Chrome), it’s just the standard site cannot be reached/cannot access this IP error.

![ngrok-screenshot](https://us1.discourse-cdn.com/flex019/uploads/lwpforums/original/2X/2/216d99e13647434b5d532b2175bca958a43ea2e9.jpg)

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 8:52pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/13 "2018-07-24T20:52:58Z")

</div>

@bkmacdaddy,

Thanks!

So `mysubdomain.ngrok.io` redirects to `whatever.local`? Do you get a 301 when you visit `whatever.local`?

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 9:15pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/14 "2018-07-24T21:15:24Z")

</div>

@clay

Yes, the ngrok reserved subdomain forwards to whatever.local, which then gives a 301. If I try to go to whatever.local directly I get the same 301.

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 9:18pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/15 "2018-07-24T21:18:43Z")

</div>

Where does the `.local` site redirect to? Are you able to access it without error?

Are you able to access `/wp-admin` with the ngrok subdomain?

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 9:22pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/16 "2018-07-24T21:22:09Z")

</div>

The .local site doesn’t redirect anywhere. I cannot access it except on my own computer (where it is running locally).

No, I cannot access /wp-admin with the ngrok subdomain from another computer.

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 9:26pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/17 "2018-07-24T21:26:47Z")

</div>

Is there any way you can private message me the domains and the screenshots of the 301 in the network tab of your browser’s dev tools? I’m starting to get confused 😅

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 9:28pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/18 "2018-07-24T21:28:36Z")

</div>

Sure, if you can tell me how to pm you. The screenshots will take a minute.

---

<div class="post-metadata">

**Author:** ![clay](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/clay/32/8248_2.png) [@clay](https://community.localwp.com/u/clay)\
**Post date:** [July 24, 2018, 9:29pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/19 "2018-07-24T21:29:08Z")

</div>

Yup! Click on my name/avatar and then click “Message”

---

<div class="post-metadata">

**Author:** ![bkmacdaddy](https://sea1.discourse-cdn.com/flex019/user_avatar/community.localwp.com/bkmacdaddy/32/5830_2.png) [@bkmacdaddy](https://community.localwp.com/u/bkmacdaddy)\
**Post date:** [July 24, 2018, 9:31pm UTC](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441/20 "2018-07-24T21:31:27Z")

</div>

I tried that before my last post but I don’t see “Message” anywhere

[Next page](https://community.localwp.com/t/typekit-does-not-work-with-live-link-ngrok-io/7441.md?page=2)
