Ryan/Reactive-Resume
1
0
Fork 0
mirror of https://github.com/AmruthPillai/Reactive-Resume.git synced 2026-07-14 06:47:00 +10:00
Code Issues Packages Projects Releases Wiki Activity

add computer modern fonts to the list of possible typography options

Browse Source
This commit is contained in:
Amruth Pillai
2026-02-10 00:12:04 +01:00
parent 554903b818
commit c3c771002f
7 changed files with 117 additions and 18 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/components/typography/combobox.tsx
+9 -6
View File
@@ -65,7 +65,7 @@ type FontFamilyComboboxProps = Omit<ComboboxProps, "options">;
export function FontFamilyCombobox({ className, ...props }: FontFamilyComboboxProps) {
const options = useMemo(() => {
return [...localFontList, ...webFontList].map((font: LocalFont | WebFont) => ({
return [...webFontList, ...localFontList].map((font: LocalFont | WebFont) => ({
value: font.family,
keywords: [font.family],
label: <FontDisplay name={font.family} type={font.type} url={"preview" in font ? font.preview : undefined} />,
@@ -79,15 +79,18 @@ type FontWeightComboboxProps = Omit<MultipleComboboxProps, "options"> & { fontFa
export function FontWeightCombobox({ fontFamily, ...props }: FontWeightComboboxProps) {
const options = useMemo(() => {
const fontData = webFontMap.get(fontFamily);
const webFontData = webFontMap.get(fontFamily);
const localFontData = localFontList.find((font) => font.family === fontFamily);
let weights: string[] = [];
if (!fontData || !Array.isArray(fontData.weights)) {
// Provide all possible options for local fonts or unknown fontFamily
weights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"];
if (webFontData && Array.isArray(webFontData.weights) && webFontData.weights.length > 0) {
weights = webFontData.weights as string[];
} else if (localFontData && Array.isArray(localFontData.weights) && localFontData.weights.length > 0) {
weights = localFontData.weights as string[];
} else {
weights = fontData.weights as string[];
// Fallback to all possible weights
weights = ["100", "200", "300", "400", "500", "600", "700", "800", "900"];
}
return weights.map((variant: string) => ({
src/components/typography/webfontlist.json
+1 -1
View File
File diff suppressed because one or more lines are too long