ob/fonts
1
0
Fork 0
mirror of https://github.com/hex248/fonts.git synced 2026-02-07 18:23:06 +00:00
Code Issues Packages Projects Releases Wiki Activity

font family displayed

Browse Source
This commit is contained in:
Oliver Bryan
2026-02-04 19:28:06 +00:00
parent 599a601a56
commit 813ff13bf6
7 changed files with 28 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
public/index.html
View File

@@ -78,7 +78,11 @@
const importUrl = card.getAttribute("data-import-url");
const importSnippet = buildImportSnippet(importUrl);
const importOutput = card.querySelector("[data-import]");
const snippet = card.querySelector(".font-card__snippet");
const copyButton = card.querySelector("[data-copy]");
const familyName = card
.querySelector(".font-card__title")
?.textContent?.trim();
const weightSelect = card.querySelector("[data-weight-select]");
const weightRange = card.querySelector("[data-weight-range]");
const demoText = card.querySelector("[data-demo]");
@@ -105,6 +109,17 @@
importOutput.textContent = importSnippet;
}
if (snippet && familyName) {
const familyOutput = document.createElement("span");
familyOutput.className = "font-card__family";
familyOutput.textContent = `font-family: "${familyName}";`;
if (copyButton) {
snippet.insertBefore(familyOutput, copyButton);
} else {
snippet.appendChild(familyOutput);
}
}
if (!weightRange && !weightSelect) {
if (demoText && Number.isFinite(defaultWeight)) {
demoText.style.fontWeight = String(defaultWeight);