Font Awesome not loading

youhosi

Hello, I have a problem with fonts that do not load, what could I do wrong?
Message from the console

"http://149.202.235.5/assets/fonts/fontawesome-webfont.woff2?v=4.7.0 net :: ERR_ABORTED"

Pollux

Does the fontawesome-webfont.woff2 file exists in your /assets/fonts/ folder?

Are /assets/ and /assets/fonts/ publicly accessible?

youhosi

So the file is in the catalog room (assets / fonts), as is the right permission (777)

0E800

youhosi

Possible solutions:

https://stackoverflow.com/questions/46508793/how-to-solve-glyphicons-halflings-regular-woff2-err-aborted-issue-in-asp-net-mvc

https://teamtreehouse.com/community/encountering-a-neterraborted-error-and-404-error-when-refreshing-page-within-3-nested-routes

Seth Kroger wrote
....The browser will consider the path to be relative to the path in the address bar. It has no idea what the actual file structure on the server is. You should use root-relative paths for both in this case, /src/css/style.css and /bundle.js

Try:

<link rel="stylesheet" href="/assets/fonts/fontawesome-webfont.woff2?v=4.7.0">

You should also check your config.php to make sure your Flarum name is set to the IP address.

Something like:

<?php return array (
  'debug' => false,
  'database' =>
  array (
    'driver' => 'mysql',
    'host' => 'localhost',
    'database' => 'flarum_dbnameblabla',
    'username' => 'flarum_flarumblabla',
    'password' => 'weeboblabla',
    'charset' => 'utf8mb4',
    'collation' => 'utf8mb4_unicode_ci',
    'prefix' => '',
    'strict' => false,
  ),
  'url' => 'http://149.202.235.5',
  'paths' =>
  array (
    'api' => 'api',
    'admin' => 'admin',
  ),
);

You will have issues if the urls dont match.

youhosi

I've already added between the head

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

, what do you think is a good solution?

config.php

<?php return array (
  'debug' => false,
  'database' => 
  array (
    'driver' => 'mysql',
    'host' => 'localhost',
    'database' => 'blog',
    'username' => 'bloguser',
    'password' => 'sebastian',
    'charset' => 'utf8mb4',
    'collation' => 'utf8mb4_unicode_ci',
    'prefix' => '',
    'port' => '3306',
    'strict' => false,
  ),
  'url' => 'http://forum.localhost',
  'paths' => 
  array (
    'api' => 'api',
    'admin' => 'admin',
  ),
);

0E800

youhosi

Review:

angular/angular-cli1463

Seems to be an issue, not just with you.

Expand your searches by pasting below into google search:

net :: ERR_ABORTED font

0E800

I may be incorrect but when I was using a AWS instance I had to explicitly put the IP address of my server.

So
'url' => 'http://forum.localhost',

Should be:
'url' => 'http://your.servers.ip.address',

I would download and self host the fonts in your assets folder instead of reaching out to a 3rd party site. It can make the site load very slow.

youhosi

When entering explicit ip it also did not work.
I had to find an alternative

youhosi

solved.

Pollux

Might you reveal, what solved your problem? After getting so much input, what about giving a little bit back?

Others might have the same or comparable problem.