# Chrome for Mac 上到处都是灰色方形图标

**URL:** <https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588>\
**Category:** Support\
**Created:** [2016年七月21日 07:15 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588 "2016-07-21T07:15:20Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![jongnam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jongnam/32/52330_2.png) [@jongnam](https://meta.discourse.org/u/jongnam)\
**Post date:** [2016年七月21日 07:15 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/1 "2016-07-21T07:15:20Z")

</div>

It looks okay on iOS and even on Safari on Mac. But the icons displayed as grey square on Chrome for Mac.

- Chrome version = 51.0.2704.103 (64-bit)
- Discourse version = v1.6.0.beta11 +132

 ![](https://global.discourse-cdn.com/meta/original/3X/c/2/c262eb93eb3bfeac052719739227fe8338ec899c.png)

---

<div class="post-metadata">

**Author:** ![codinghorror](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/codinghorror/32/110067_2.png) [@codinghorror](https://meta.discourse.org/u/codinghorror)\
**Post date:** [2016年七月21日 07:28 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/2 "2016-07-21T07:28:43Z")

</div>

Something is blocking font assets in your browser.

---

<div class="post-metadata">

**Author:** ![jongnam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jongnam/32/52330_2.png) [@jongnam](https://meta.discourse.org/u/jongnam)\
**Post date:** [2016年七月21日 13:27 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/3 "2016-07-21T13:27:45Z")

</div>

Thanks for helping me out. How can I find the root cause? Is there a way to identify that and fix?

This problem does not happen always, but it shows up at a sudden time, keep the problem happening a couple hours, and be resolved automatically. It heppens from two macbook laptops at the same time so it is not client who blocks them; it may either server blocked the font or the discourse’s web UI is somewhat incompatible with Chrome for Mac. But not clear what the root cause is.

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2016年七月21日 14:03 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/4 "2016-07-21T14:03:01Z")

</div>

This looks like a proxy or firewall blocking Font Awesome download.

Do a full refresh with Dev Tools open (F12) and you will see the problem.

---

<div class="post-metadata">

**Author:** ![jongnam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jongnam/32/52330_2.png) [@jongnam](https://meta.discourse.org/u/jongnam)\
**Post date:** [2016年七月21日 15:52 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/5 "2016-07-21T15:52:08Z")

</div>

If the download was blocked by proxy or firewall, that problem should be reproduced on a single laptop in consistent manner.

But on my own laptop, Safari was working good while Chrome has this issue.

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2016年七月21日 15:57 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/6 "2016-07-21T15:57:42Z")

</div>

Can you share the link of the board so we test it and try to reproduce the behavior?

---

<div class="post-metadata">

**Author:** ![jongnam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jongnam/32/52330_2.png) [@jongnam](https://meta.discourse.org/u/jongnam)\
**Post date:** [2016年七月21日 16:47 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/7 "2016-07-21T16:47:20Z")

</div>

Thanks for the help! You can see it here: [https://mywoohyun.com](https://mywoohyun.com) And this is what I see from Developer Tool:

 ![](https://global.discourse-cdn.com/meta/original/3X/9/0/90e5386a7e647e7f7095a4466601ec167941c29b.png)

---

<div class="post-metadata">

**Author:** ![Falco](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/falco/32/179432_2.png) [@Falco](https://meta.discourse.org/u/Falco)\
**Post date:** [2016年七月21日 16:56 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/8 "2016-07-21T16:56:37Z")

</div>

FontAwesome is on the [static.mywoohyun.com](http://static.mywoohyun.com).

Going to it, gets me a 301 redirect back to [mywoohyun.com](http://mywoohyun.com).

This results in a block by CORS policy:

```plaintext
Redirect at origin 'https://static.mywoohyun.com' has been blocked from loading by Cross-Origin Resource Sharing policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'https://mywoohyun.com' is therefore not allowed access.

```

---

<div class="post-metadata">

**Author:** ![jongnam](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jongnam/32/52330_2.png) [@jongnam](https://meta.discourse.org/u/jongnam)\
**Post date:** [2016年七月21日 17:07 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/9 "2016-07-21T17:07:29Z")

</div>

Thanks for the point. How can I resolve that issue? Fyi, [static.mywoohyun.com](http://static.mywoohyun.com) is CNAME to AWS CloudFront distribution, which its origin is agin [mywoohyun.com](http://mywoohyun.com).

---

<div class="post-metadata">

**Author:** ![neil](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/neil/32/102150_2.png) [@neil](https://meta.discourse.org/u/neil)\
**Post date:** [2016年七月22日 17:50 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/10 "2016-07-22T17:50:42Z")

</div>

Adding `https://mywoohyun.com` to your `cors origins` setting might solve it.

---

<div class="post-metadata">

**Author:** ![csmu](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/csmu/32/124581_2.png) [@csmu](https://meta.discourse.org/u/csmu)\
**Post date:** [2019年六月27日 03:55 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/11 "2019-06-27T03:55:50Z")

</div>

> [@neil](#):
>
> Adding `https://mywoohyun.com` to your `cors origins`

I had to add  
` DISCOURSE_ENABLE_CORS: true`  
to the app.yml then  
`./launcher rebuild app`  
as well.

---

<div class="post-metadata">

**Author:** ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)\
**Post date:** [2024年六月8日 12:37 UTC](https://meta.discourse.org/t/grey-square-icons-on-everywhere-on-chrome-for-mac/47588/12 "2024-06-08T12:37:08Z")

</div>

此主题已在 2879 天后自动关闭。不允许回复。
