fix(Example): no default font url (#1440)

.storybook/stories/Example.stories.tsx

@@ -41,9 +41,7 @@ export const ExampleSt = ({ fontUrl, color, bevelSize, debug }) => {
             apiRef.current?.incr()
           }
         }}
-      >
-        <Sparkles scale={2} />
-      </Example>
+      />
     </>
   )
 }

README.md

@@ -1892,15 +1892,15 @@ function Scene() {
 A "counter" example.
 
 ```tsx
-<Example />
+<Example font="/Inter_Bold.json" />
 ```
 
 ```tsx
 type ExampleProps = {
+  font: string
   color?: Color
   debug?: boolean
   bevelSize?: number
-  font?: string
 }
 ```
 
@@ -1909,7 +1909,7 @@ Ref-api:
 ```tsx
 const api = useRef<ExampleApi>()
 
-<Example ref={api} />
+<Example ref={api} font="/Inter_Bold.json" />
 ```
 
 ```tsx

src/core/Example.tsx

@@ -7,10 +7,10 @@ import { Text3D } from './Text3D'
 import { Center } from './Center'
 
 export type ExampleProps = {
+  font: string
   color?: Color
   debug?: boolean
   bevelSize?: number
-  font?: string
 } & JSX.IntrinsicElements['group']
 
 export type ExampleApi = {
@@ -19,10 +19,7 @@ export type ExampleApi = {
 }
 
 export const Example = React.forwardRef<ExampleApi, ExampleProps>(
-  (
-    { font = '/fonts/Inter_Bold.json', color = '#cbcbcb', bevelSize = 0.04, debug = false, children, ...props },
-    fref
-  ) => {
+  ({ font, color = '#cbcbcb', bevelSize = 0.04, debug = false, children, ...props }, fref) => {
     const [counter, setCounter] = React.useState(0)
 
     const incr = React.useCallback((x = 1) => setCounter(counter + x), [counter])