how to add custom fontFamily to reacr-reader npm

Question

I'm using react-reader npm and I cant put my custom font-family in my project. Does anyone know the answer of this ?

https://www.npmjs.com/package/react-reader

score 2 · Answer 1 · answered Nov 22 '21 at 07:32

import React, { useState,useRef } from "react"
import { ReactReader } from "react-reader"

const App = () => {
  const [location, setLocation] = useState(null)
  const renditionRef = useRef(null);

  return (
    <div style={{ height: "100vh" }}>
      <ReactReader
        location={location}
        locationChanged={ (epubcifi)=>setLocation(epubcifi)}
        url="https://gerhardsletten.github.io/react-reader/files/alice.epub"
        getRendition={(rendition) => {
                renditionRef.current = rendition;
                renditionRef.current.themes.register('custom', {
                  p: {
                   'font-family': `Helvetica`,

                  },
                });
               renditionRef.current.themes.select('custom');
              }}
      />
    </div>
  )
}

export default App

what about google fonts? – fatemeh kazemi Nov 23 '21 at 06:47 — fatemeh kazemi, Nov 23 '21 at 06:47
You can use those too. You have to import them first. – Shubham Nov 25 '21 at 14:31 — Shubham, Nov 25 '21 at 14:31

how to add custom fontFamily to reacr-reader npm

1 Answers1