# Font files issue

**URL:** <https://community.traefik.io/t/font-files-issue/21661>\
**Category:** Traefik v2\
**Tags:** docker\
**Created:** [March 1, 2024, 3:23am UTC](https://community.traefik.io/t/font-files-issue/21661 "2024-03-01T03:23:22Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![bcantera](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@bcantera](https://community.traefik.io/u/bcantera)\
**Post date:** [March 1, 2024, 3:23am UTC](https://community.traefik.io/t/font-files-issue/21661/1 "2024-03-01T03:23:22Z")

</div>

Hello, I have a project that uses traefik as proxy for a wordpress site. In wordpress, I loaded a font file that I want to use and I see that in wordpress editor the preview renders the custom font just fine, but in the live page the font does not load.

I tried bypassing traefik and the font works perfect when accessing wordpress directly, so there is some issue with traefik handling the font, it is curious also that if I try to access directly to font file url from a browser, I can download it just fine, so the issue is only when it is imported from a live page, any ideas?

P.D: as part of previous troubleshooting I found that it could be a CORS issue, but I also do not have any warnings related to this in browser console.

cheers

---

<div class="post-metadata">

**Author:** ![bluepuma77](https://avatars.discourse-cdn.com/v4/letter/b/a9adbd/32.png) [@bluepuma77](https://community.traefik.io/u/bluepuma77)\
**Post date:** [March 1, 2024, 5:53am UTC](https://community.traefik.io/t/font-files-issue/21661/2 "2024-03-01T05:53:08Z")

</div>

Share your full Traefik static and dynamic config, and `docker-compose.yml`.

Enable and check Traefik debug log [(doc)](https://doc.traefik.io/traefik/observability/logs/#level) and access log [(doc)](https://doc.traefik.io/traefik/observability/access-logs/).

---

<div class="post-metadata">

**Author:** ![bcantera](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@bcantera](https://community.traefik.io/u/bcantera)\
**Post date:** [March 1, 2024, 12:46pm UTC](https://community.traefik.io/t/font-files-issue/21661/3 "2024-03-01T12:46:03Z")

</div>

Here it goes, I already enabled debug mode and nothing showed up

docker-compose.yml

```auto
version: "3.5"

services:
  traefik:
    container_name: traefik01
    hostname: traefik01
    image: traefik
    restart: always
    networks:
      - traefik
    ports:
      - 80:80
      - 443:443
    volumes:
      - /root/docker/traefik/traefik-config/traefik.yml:/etc/traefik/traefik.yml
      - /root/docker/traefik/traefik-config/traefik_dynamic.yml:/etc/traefik/traefik_dynamic.yml
      - /root/docker/traefik/traefik-logs:/var/log/traefik
      - /root/docker/syncthing/certs/acme.json:/letsencrypt/acme.json
      - /var/run/docker.sock:/var/run/docker.sock

networks:
  traefik:
    external: false
    name: traefik

```

traefik.yml

```auto
api:
  dashboard: true
  debug: true

entryPoints:
  web:
    address: ':80'
    http:
      redirections:
        entryPoint:
          to: websecure
          scheme: https
      middlewares:
        - crowdsec-bouncer@file
    forwardedHeaders:
      trustedIPs:
        - 127.0.0.1/32
       # a lot of IPs more here
  websecure:
    address: ':443'
    forwardedHeaders:
      trustedIPs:
        - 127.0.0.1/32
        # a lot of IPs more here
    proxyProtocol:
      trustedIPs:
        - 127.0.0.1/32
       # a lot of IPs more here
    http:
      middlewares:
        - crowdsec-bouncer@file

providers:
  docker:
    watch: true
    network: traefik
  file:
    filename: /etc/traefik/traefik_dynamic.yml

certificatesResolvers:
  lets-encrypt:
    acme:
      email: redacted@redacted.com
      storage: /letsencrypt/acme.json
      httpChallenge:
        entryPoint: web

log:
  level: "DEBUG"
  filePath: "/var/log/traefik/traefik.log"

accessLog:
  filePath: "/var/log/traefik/access.log"
  fields:
    names:
      StartUTC: drop

```

traefik\_dynamic.yml

```auto
  middlewares:
    ip-whitelist-custom:
      ipWhiteList:
        sourceRange:
          - "192.168.1.0/24"
          # a lot of IPs more here
    crowdsec-bouncer:
      forwardauth:
        address: http://crowdsec-bouncer-traefik:8080/api/v1/forwardAuth
        trustForwardHeader: true

```

---

<div class="post-metadata">

**Author:** ![bluepuma77](https://avatars.discourse-cdn.com/v4/letter/b/a9adbd/32.png) [@bluepuma77](https://community.traefik.io/u/bluepuma77)\
**Post date:** [March 1, 2024, 2:06pm UTC](https://community.traefik.io/t/font-files-issue/21661/4 "2024-03-01T14:06:39Z")

</div>

Traefik is very talkative in debug. Is the bind mount working?

What errors do you see in browser developer tools network tab?

PS: this looks interesting 😄

> [@bcantera](#):
>
> `syncthing/certs/acme.json`

---

<div class="post-metadata">

**Author:** ![bcantera](https://avatars.discourse-cdn.com/v4/letter/b/bbe5ce/32.png) [@bcantera](https://community.traefik.io/u/bcantera)\
**Post date:** [March 1, 2024, 4:46pm UTC](https://community.traefik.io/t/font-files-issue/21661/5 "2024-03-01T16:46:26Z")

</div>

Yes the bind is working since I can see other logs and debug logs when enabled, but nothing related to font loading issue (accesing font file in the backend)

In dev tools network tab there are no errors also

> [@bluepuma77](#):
>
> PS: this looks interesting 😄

Nothing more that a proof of concept 😛

---

<div class="post-metadata">

**Author:** ![bluepuma77](https://avatars.discourse-cdn.com/v4/letter/b/a9adbd/32.png) [@bluepuma77](https://community.traefik.io/u/bluepuma77)\
**Post date:** [March 1, 2024, 7:01pm UTC](https://community.traefik.io/t/font-files-issue/21661/6 "2024-03-01T19:01:05Z")

</div>

There should be an error in browser (not found, not allowed) and potentially in log (not found).

Check [this](https://github.com/bluepuma77/docker-swarm-syncthing) 😂