Plugins » Katello

Ohai,

when you visit old-style bastion/angular pages that use Glyphicons (like /sync_plans/sync_plans/new), you see the browser trying to access /fonts/glyphicons-halflings-regular.woff2 (and other extensions), get a 404 (because /fonts is not a thing in our deployment) and then happily render the page correctly.

The correct rendering comes from the fact that our base css already has:

@font-face {
  font-family:"Glyphicons Halflings";
  src:url(/assets/glyphicons-halflings-regular-0805fb1fe24235f70a639f67514990e4bfb6d2cfb00ca563ad4b553c240ddc33.eot);
  src:url(/assets/glyphicons-halflings-regular-0805fb1fe24235f70a639f67514990e4bfb6d2cfb00ca563ad4b553c240ddc33.eot?#iefix) format("embedded-opentype"),
  url(/assets/glyphicons-halflings-regular-403acfcf0cbaebd1c28b404eec442cea53642644b3a73f91c5a4ab46859af772.woff2) format("woff2"),
  url(/assets/glyphicons-halflings-regular-0703369a358a012c0011843ae337a8a20270c336948a8668df5cb89a8827299b.woff) format("woff"),
  url(/assets/glyphicons-halflings-regular-7c9caa5f4e16169b0129fdf93c84e85ad14d6c107eb1b0ad60b542daf01ee1f0.ttf) format("truetype"),
  url(/assets/glyphicons-halflings-regular-22d0c88a49d7d0ebe45627143a601061a32a46a9b9afd2dc7f457436f5f15f6e.svg#glyphicons_halflingsregular) format("svg")
}

But on bastion-based pages, additionally /assets/bastion/bastion-<hash>.css is loaded, which contains:

@font-face {
  font-family:"Glyphicons Halflings";
  src:url(/../fonts/glyphicons-halflings-regular.eot);
  src:url(/../fonts/glyphicons-halflings-regular.eot?#iefix) format("embedded-opentype"),
  url(/../fonts/glyphicons-halflings-regular.woff2) format("woff2"),
  url(/../fonts/glyphicons-halflings-regular.woff) format("woff"),
  url(/../fonts/glyphicons-halflings-regular.ttf) format("truetype"),
  url(/../fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format("svg")
}

And that triggers the 404.