How to use the @storybook/design-system.global.fontUrl function in @storybook/design-system
To help you get started, we’ve selected a few @storybook/design-system examples, based on popular ways it is used in public projects.
Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
storybookjs / frontpage / gatsby-config.js View on Github 
},
},
'gatsby-plugin-sharp',
{
resolve: `gatsby-plugin-manifest`,
options: {
name: 'gatsby-starter-default',
short_name: 'starter',
start_url: '/',
},
},
{
resolve: 'gatsby-plugin-web-font-loader',
options: {
custom: {
urls: [global.fontUrl],
},
},
},
`gatsby-plugin-styled-components`,
`gatsby-plugin-emotion`,
{
resolve: 'gatsby-source-github-repo',
options: {
repoUrl: 'https://github.com/storybooks/storybook',
},
},
{
resolve: 'gatsby-plugin-segment-js',
options: {
prodKey: 'AvvBObOmHaEMqfub8JJUXq5umjsuaqS8',
trackPage: true,export default function HTML(props) {
return (
<html {...props.htmlAttributes}>
<head>
<meta charSet="utf-8" />
<meta httpEquiv="x-ua-compatible" content="ie=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no" />
{props.headComponents}
<link href={global.fontUrl} rel="stylesheet" />
</head>
<body {...props.bodyAttributes}>
{props.preBodyComponents}
<noscript key="noscript" id="gatsby-noscript">
This app works best with JavaScript enabled.
</noscript>
<div key="body" id="___gatsby" dangerouslySetInnerHTML={{ __html: props.body }} />
{props.postBodyComponents}
</body>
</html>
);
}@storybook/design-system
Storybook design system
Package Health Score
75 / 100Popular @storybook/design-system functions
Similar packages
Popular JavaScript code snippets
Find secure code to use in your application or website