@ducor/react
Version:
admin template ui interface
83 lines (82 loc) • 6.11 kB
JavaScript
const typographies = {
ltr: {
Poppins: "https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700,800",
Pacifico: "https://fonts.googleapis.com/css?family=Pacifico",
"Open Sans": "https://fonts.googleapis.com/css?family=Open+Sans:400,600,700",
Montserrat: "https://fonts.googleapis.com/css?family=Montserrat:400,500,600,700",
Roboto: "https://fonts.googleapis.com/css?family=Roboto:400,500,700",
Nunito: "https://fonts.googleapis.com/css?family=Nunito:400,600,700",
Lato: "https://fonts.googleapis.com/css?family=Lato:400,700,900",
Inter: "https://fonts.googleapis.com/css?family=Inter:400,500,600,700,800",
Raleway: "https://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800",
Merriweather: "https://fonts.googleapis.com/css?family=Merriweather:400,700,900",
Ubuntu: "https://fonts.googleapis.com/css?family=Ubuntu:400,500,700",
"Playfair Display": "https://fonts.googleapis.com/css?family=Playfair+Display:400,500,600,700,800",
Oswald: "https://fonts.googleapis.com/css?family=Oswald:400,500,600,700",
"Work Sans": "https://fonts.googleapis.com/css?family=Work+Sans:400,500,600,700",
"Source Sans Pro": "https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700",
Quicksand: "https://fonts.googleapis.com/css?family=Quicksand:400,500,600,700",
"Bebas Neue": "https://fonts.googleapis.com/css?family=Bebas+Neue",
"Fira Sans": "https://fonts.googleapis.com/css?family=Fira+Sans:400,500,600,700",
"Dancing Script": "https://fonts.googleapis.com/css?family=Dancing+Script:400,500,600,700",
Muli: "https://fonts.googleapis.com/css?family=Muli:400,500,600,700",
Barlow: "https://fonts.googleapis.com/css?family=Barlow:400,500,600,700",
Teko: "https://fonts.googleapis.com/css?family=Teko:400,500,600,700",
Rubik: "https://fonts.googleapis.com/css?family=Rubik:400,500,600,700",
Anton: "https://fonts.googleapis.com/css?family=Anton",
Exo: "https://fonts.googleapis.com/css?family=Exo:400,500,600,700",
Lobster: "https://fonts.googleapis.com/css?family=Lobster",
Arimo: "https://fonts.googleapis.com/css?family=Arimo:400,500,600,700",
Cairo: "https://fonts.googleapis.com/css?family=Cairo:400,500,600,700",
Heebo: "https://fonts.googleapis.com/css?family=Heebo:400,500,600,700",
Kanit: "https://fonts.googleapis.com/css?family=Kanit:400,500,600,700",
"Titillium Web": "https://fonts.googleapis.com/css?family=Titillium+Web:400,500,600,700",
Hind: "https://fonts.googleapis.com/css?family=Hind:400,500,600,700",
"Frank Ruhl Libre": "https://fonts.googleapis.com/css?family=Frank+Ruhl+Libre:400,500,600,700",
Bitter: "https://fonts.googleapis.com/css?family=Bitter:400,500,600,700",
Overpass: "https://fonts.googleapis.com/css?family=Overpass:400,500,600,700",
"Zilla Slab": "https://fonts.googleapis.com/css?family=Zilla+Slab:400,500,600,700",
Manrope: "https://fonts.googleapis.com/css?family=Manrope:400,500,600,700",
Chivo: "https://fonts.googleapis.com/css?family=Chivo:400,500,600,700",
"IBM Plex Sans": "https://fonts.googleapis.com/css?family=IBM+Plex+Sans:400,500,600,700",
"JetBrains Mono": "https://fonts.googleapis.com/css?family=JetBrains+Mono:400,500,600,700",
"Space Grotesk": "https://fonts.googleapis.com/css?family=Space+Grotesk:400,500,600,700",
"Public Sans": "https://fonts.googleapis.com/css?family=Public+Sans:400,500,600,700",
Asap: "https://fonts.googleapis.com/css?family=Asap:400,500,600,700",
Karla: "https://fonts.googleapis.com/css?family=Karla:400,500,600,700",
Jost: "https://fonts.googleapis.com/css?family=Jost:400,500,600,700",
Acme: "https://fonts.googleapis.com/css?family=Acme",
"Sigmar One": "https://fonts.googleapis.com/css?family=Sigmar+One",
Saira: "https://fonts.googleapis.com/css?family=Saira:400,500,600,700",
"Varela Round": "https://fonts.googleapis.com/css?family=Varela+Round",
"Secular One": "https://fonts.googleapis.com/css?family=Secular+One",
"PT Sans": "https://fonts.googleapis.com/css?family=PT+Sans:400,500,600,700",
},
rtl: {
Amiri: "https://fonts.googleapis.com/css?family=Amiri:400,700",
Cairo: "https://fonts.googleapis.com/css?family=Cairo:400,600,700,900",
Scheherazade: "https://fonts.googleapis.com/css?family=Scheherazade:400,700",
"Noto Naskh Arabic": "https://fonts.googleapis.com/css?family=Noto+Naskh+Arabic:400,500,700",
Almarai: "https://fonts.googleapis.com/css?family=Almarai:400,500,600,700",
Tajawal: "https://fonts.googleapis.com/css?family=Tajawal:400,500,600,700",
Lalezar: "https://fonts.googleapis.com/css?family=Lalezar:400",
"Droid Arabic Kufi": "https://fonts.googleapis.com/css?family=Droid+Arabic+Kufi:400,700",
"Roboto Arabic": "https://fonts.googleapis.com/css?family=Roboto+Arabic:400,500,700",
Vazir: "https://fonts.googleapis.com/css?family=Vazir:400,500,600,700",
"Traditional Arabic": "https://fonts.googleapis.com/css?family=Traditional+Arabic:400",
"Markazi Text": "https://fonts.googleapis.com/css?family=Markazi+Text:400,700",
"Kufi Arabic": "https://fonts.googleapis.com/css?family=Kufi+Arabic:400,700",
"Noto Sans Arabic": "https://fonts.googleapis.com/css?family=Noto+Sans+Arabic:400,500,700",
"Fira Sans Arabic": "https://fonts.googleapis.com/css?family=Fira+Sans+Arabic:400,500,600,700",
}
};
export const getFontFamily = (HTML_DIRECTION, TYPOGRAPHY) => {
const fontUrl = typographies[HTML_DIRECTION][TYPOGRAPHY];
if (!fontUrl) {
// Handle the case where the font is not found for the given direction
const names = Object.keys(typographies[HTML_DIRECTION]);
return typographies[HTML_DIRECTION][names[0]]; // Fallback to a default font, e.g., Poppins
}
return fontUrl;
};
export default typographies;