github/directus
1
1
Fork 0
mirror of https://github.com/directus/directus.git synced 2026-04-25 03:00:53 -04:00
Code Issues Packages Projects Releases Wiki Activity

Import 'Fira Mono' & 'Merriweather' into WYSIWYG (#9618)

Browse Source 
* import 'Fira Mono' into wysiwyg

* use import statements for monospace & serif fonts

Co-authored-by: Azri Kahar <azrikahar@outlook.com>
This commit is contained in:
José Varela
2021-11-09 15:16:22 +00:00
committed by GitHub
parent 14a5347eca
commit 528abe4593
1 changed files with 19 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

19
app/src/interfaces/input-rich-text-html/get-editor-styles.ts
View File

@@ -1,9 +1,28 @@
import firaMono2 from '../../assets/fonts/FiraMono-Medium.woff2';
import firaMono from '../../assets/fonts/FiraMono-Medium.woff';
import merriweatherRegular2 from '../../assets/fonts/merriweather-regular.woff2';
import merriweatherRegular from '../../assets/fonts/merriweather-regular.woff';
function cssVar(name: string) {
return getComputedStyle(document.body).getPropertyValue(name);
}
export default function getEditorStyles(font: 'sans-serif' | 'serif' | 'monospace'): string {
return `
@font-face {
font-family: 'Fira Mono';
font-style: normal;
src: url(${firaMono2}) format('woff2'),
url(${firaMono}) format('woff');
}
@font-face {
font-family: 'Merriweather';
font-style: normal;
src: url(${merriweatherRegular2}) format('woff2'),
url(${merriweatherRegular}) format('woff');
}
body {
color: ${cssVar('--foreground-normal')};
background-color: ${cssVar('--background-input')};