Merge pull request #3889 from omnivore-app/fix/web-notes-and-fonts

Fix notebook export, add Super Notes Pro font'

Author: jacksonh

packages/web/components/templates/article/NotebookHeader.tsx

@@ -27,12 +27,24 @@ export const NotebookHeader = (props: NotebookHeaderProps) => {
 
   const exportHighlights = useCallback(() => {
     if (articleData?.article.article.highlights) {
-      const markdown = highlightsAsMarkdown(
+      let preamble = ''
+
+      if (articleData?.article.article.title) {
+        preamble += `## ${articleData?.article.article.title}\n`
+      }
+      if (
+        articleData?.article.article.contentReader == 'WEB' &&
+        articleData?.article.article.originalArticleUrl
+      ) {
+        preamble += `URL: ${articleData?.article.article.originalArticleUrl}\n`
+      }
+
+      const highlights = highlightsAsMarkdown(
         articleData?.article.article.highlights
       )
-      if (markdown.length > 1) {
+      if (preamble.length + highlights.length > 1) {
         ;(async () => {
-          await navigator.clipboard.writeText(markdown)
+          await navigator.clipboard.writeText(preamble + '\n\n' + highlights)
           showSuccessToast('Highlights and notes copied')
         })()
       } else {

packages/web/components/templates/article/ReaderSettingsControl.tsx

@@ -48,6 +48,7 @@ const FONT_FAMILIES = [
   'IBMPlexSans',
   'Fraunces',
   'Literata',
+  'SuperNotesPro',
 ]
 
 type SettingsProps = {

packages/web/public/static/fonts/SNPro/SNPro-Bold.woff

@@ -418,6 +418,28 @@ div#appleid-signin {
   src: url('/static/fonts/Literata/Literata-Italic.ttf');
 }
 
+@font-face {
+  font-family: 'SuperNotesPro';
+  font-weight: 400;
+  font-style: normal;
+  src: url('/static/fonts/SNPro/SNPro-VariableRegular.ttf');
+}
+
+@font-face {
+  font-family: 'SuperNotesPro';
+  font-weight: 700;
+  font-style: bold;
+  src: url('/static/fonts/SNPro/SNPro-Bold.ttf');
+}
+
+
+@font-face {
+  font-family: 'SuperNotesPro';
+  font-weight: 400;
+  font-style: italic;
+  src: url('/static/fonts/SNPro/SNPro-Italic.ttf');
+}
+
 @font-face {
   font-family: 'FuturaBold';
   src: url('/static/fonts/FuturaBold/FuturaBold.otf');