import {definePlugin} from 'sanity' export const brandFonts = definePlugin({ name: 'brand-fonts', setup(config) { // This injects CSS into the Studio config.document.unstable_globalStyles = () => { return ` /* Import Lato */ @import url('https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700&display=swap'); /* Import Hatton - you'll need to host this font or use a hosted version */ @font-face { font-family: 'Hatton'; src: url('/fonts/Hatton-Medium.woff2') format('woff2'); font-weight: 500; font-style: normal; } /* Style the title inputs in Sanity */ [data-testid="string-input"][name="title"] input { font-family: 'Hatton', serif; font-weight: 500; color: #34547A; } /* Style headings in the Portable Text editor */ [data-slate-node="element"][style*="h2"] { font-family: 'Hatton', serif !important; font-weight: 500; font-size: 28px; color: #34547A; } [data-slate-node="element"][style*="h3"] { font-family: 'Hatton', serif !important; font-weight: 500; font-size: 24px; color: #34547A; } [data-slate-node="element"][style*="h4"] { font-family: 'Hatton', serif !important; font-weight: 500; font-size: 20px; color: #34547A; } /* Feature text (custom) */ [data-slate-node="element"][style*="feature"] { font-family: 'Lato', sans-serif !important; font-weight: 400; font-size: 20px; line-height: 1.4; color: #34547A; } /* Normal paragraph text */ [data-slate-node="element"] p { font-family: 'Lato', sans-serif !important; font-size: 16px; line-height: 1.6; } /* Blockquote styling */ [data-slate-node="element"][style*="blockquote"] { font-family: 'Lato', sans-serif !important; font-style: italic; font-size: 18px; padding-left: 16px; border-left: 3px solid #34547A; color: #555; } ` } return config } })

No results found