개츠비에 사용자 정의 글꼴 불러오기

1751 단어 loadfontfontgatsby
게이츠비 프로젝트에 사용자 정의 글꼴을 불러오려면 gatsby-ssr.js 파일을 만들고 onRenderBody 함수를 사용해야 합니다.이렇게 하면 사이트 제목에 링크를 첨부할 수 있습니다.

게이츠비슬러.js
const React = require("react");
export const onRenderBody = ({ setHeadComponents }) => {
  setHeadComponents([
    <link
      rel="stylesheet"
      href="https://indestructibletype.com/fonts/Jost.css"
      type="text/css"
      charset="utf-8"
    />
  ]);
};

// Can then be accessed like: font-family: Jost in your code

좋은 웹페이지 즐겨찾기