mirror of
https://github.com/roleypoly/roleypoly.git
synced 2025-04-24 19:39:11 +00:00
30 lines
888 B
TypeScript
30 lines
888 B
TypeScript
import * as React from 'react';
|
|
import Head from 'next/head';
|
|
import styled, { css } from 'styled-components';
|
|
import * as _ from 'styled-components'; // eslint-disable-line no-duplicate-imports
|
|
|
|
export const InjectTypekitFont = () => {
|
|
React.useEffect(() => {
|
|
(window as any).Typekit.load();
|
|
}, []);
|
|
return (
|
|
<Head>
|
|
<link
|
|
key="typekit-css-preload"
|
|
rel="preload"
|
|
href="https://use.typekit.net/bck0pci.js"
|
|
as="script"
|
|
/>
|
|
<script key="typekit-js" src="https://use.typekit.net/bck0pci.js" />
|
|
</Head>
|
|
);
|
|
};
|
|
|
|
export const fontCSS = css`
|
|
font-family: 'source-han-sans-japanese', 'Source Sans Pro', sans-serif,
|
|
'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol' !important;
|
|
`;
|
|
|
|
export const UseFontStyled = styled.div`
|
|
${fontCSS}
|
|
`;
|