External CSS file isn't loaded

Question

I am trying to load an external CSS file to globally effect my website.

I have tried the following in /core/themes/olivero/olivero.libraries.yml but no change occured after cache rebuild.

global-styling:
  version: VERSION
  css:
    base:
      css/base/fonts.css: {}
      css/base/base.css: {}
      css/base/utility.css: {}
      css/base/https://raw.githubusercontent.com/USER/REPOSITORY/main/website/style.css: { type: external, minified: false}

Removing css/base/ from before the URL doesn't matter.

Why does the external CSS file isn't loaded?

Answer 1

This:

global-styling:
  version: VERSION
  css:
    base:
      css/base/fonts.css: {}
      css/base/base.css: {}
      css/base/utility.css: {}
      css/base/https://raw.githubusercontent.com/USER/REPOSITORY/main/website/style.css: { type: external, minified: false}

Should be this:

global-styling:
  version: VERSION
  css:
    base:
      css/base/fonts.css: {}
      css/base/base.css: {}
      css/base/utility.css: {}
      //raw.githubusercontent.com/USER/REPOSITORY/main/website/style.css: { type: external, minified: false}

Make sure you clear the registry when you're done. If it doesn't load, look at the HTML source, and show us what is being loaded.