TheSANDWICH/thesandwi.ch
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Wait for font to load before rendering
All checks were successful
ci/woodpecker/push/woodpecker Pipeline was successful
Details

Browse source
This commit is contained in:
Isaac Mills 2025-07-19 10:30:58 -06:00
parent 966d56972e
commit 6e687e5400
Signed by: fnmain
GPG key ID: B67D7410F33A0F61
5 changed files with 14 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

24
src/partials/thecockpit.html
View file

@ -8,15 +8,17 @@
</x-section-head>
<div id="cockpit-canvas" style="height: 80vh; margin: 8px; background-color: #000;"></div>
</x-tab.content>
<push name="head">
<link rel="preload" href="/assets/FiraCode-Regular.woff2" as="font" type="font/woff2" crossorigin>
<link rel="preload" href="/assets/FiraCode-Bold.woff2" as="font" type="font/woff2" crossorigin>
</push>
<script>
var interval = setInterval(function () {
if (typeof window.run_cockpit === 'function') {
clearInterval(interval);
window.run_cockpit();
}
}, 100);
<script type="module">
const firaCodeFace = new FontFace('Fira Code', `url(${new URL('/assets/FiraCode-Regular.woff2', import.meta.url)})`, {style: "normal", weight: "normal"});
const firaCodeBoldFace = new FontFace('Fira Code', `url(${new URL('/assets/FiraCode-Bold.woff2', import.meta.url)})`, {style: "normal", weight: "bold"});
Promise.all([firaCodeFace.load(), firaCodeBoldFace.load()]).then((faces) => {
document.fonts.add(faces[0]);
document.fonts.add(faces[1]);
var interval = setInterval(function () {
if (typeof window.runCockpit === 'function') {
clearInterval(interval);
window.runCockpit();
}
}, 50);
});
</script>