Files
NotionNext/components/TailwindCustomCssInit.js
2022-10-20 12:39:50 +08:00

18 lines
596 B
JavaScript
Raw Blame History

This file contains ambiguous Unicode characters
This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.
import React from 'react'
/**
* TailwindCss中自定义扩展了font-custom 这个扩展fontFamily但页面中没有实际用到会导致编译时被忽略。
* 为了确保blog.config.js中配置使用 font-custom字体能生效在此写入一个font-custom样式页面中无实际作用用effect勾子删除即可
* @returns
*/
const TailwindCustomCssInit = () => {
const cssInitRef = React.useRef(null)
React.useEffect(() => {
cssInitRef?.current?.remove()
})
return <div ref={cssInitRef} className='font-custom'></div>
}
export default TailwindCustomCssInit