diff --git a/src/components/Theme/themes/common.js b/src/components/Theme/themes/common.js index c0491c73..1c14e364 100644 --- a/src/components/Theme/themes/common.js +++ b/src/components/Theme/themes/common.js @@ -5,7 +5,7 @@ export default { serif: 'FreightText, serif', 'sans-serif': 'Knowledge, sans-serif', monospace: - 'Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace', + '"Fragment Mono", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace', hed: 'var(--theme-font-family-sans-serif)', subhed: 'var(--theme-font-family-sans-serif)', body: 'var(--theme-font-family-serif)', diff --git a/src/docs/docs-components/Mermaid/Mermaid.jsx b/src/docs/docs-components/Mermaid/Mermaid.jsx index 0da6174c..048299b9 100644 --- a/src/docs/docs-components/Mermaid/Mermaid.jsx +++ b/src/docs/docs-components/Mermaid/Mermaid.jsx @@ -12,7 +12,7 @@ export default function Mermaid(props) { if (!code) return; const parseMermaid = async (code) => { try { - const { svg } = await mermaid.render(name, code.trim() || ''); + const { svg } = await mermaid.render(name, code || ''); setGraphSvg(svg); } catch (err) { setGraphSvg(''); diff --git a/src/scss/fonts/_font-faces.scss b/src/scss/fonts/_font-faces.scss index ae98d3f3..d0ea77d0 100644 --- a/src/scss/fonts/_font-faces.scss +++ b/src/scss/fonts/_font-faces.scss @@ -188,6 +188,29 @@ font-display: swap; } +/* FRAGMENT MONOSPACE */ +@font-face { + font-family: 'Fragment Mono'; + src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FragmentMono-Regular.woff2') + format('woff2'), + url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FragmentMono-Regular.woff') + format('woff'); + font-weight: normal; + font-style: normal; + font-display: swap; +} + +@font-face { + font-family: 'Fragment Mono'; + src: url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FragmentMono-Italic.woff2') + format('woff2'), + url('//graphics.thomsonreuters.com/style-assets/fonts/v1/FragmentMono-Italic.woff') + format('woff'); + font-weight: normal; + font-style: italic; + font-display: swap; +} + /* NOTO SANS JAPANESE */ @font-face { font-family: 'Noto Sans JP';