Typescript React Text does not render on Canvas

[wibed]

i try to render given the following options

  return (
    <div className="pt-16 h-full w-full min-h-screen">
        <Canvas >
          <Text color="black" anchorX="center" anchorY="middle" font={"https://fonts.gstatic.com/s/roboto/v18/KFOmCnqEu92Fr1Mu4mxM.woff"} >
            hello world!
          </Text>  
        </Canvas>
    </div>
  )

cors is configured correctly, i dont get any errors nor other indication except
that the canvas stays blank

it works with
https://codesandbox.io/s/react-three-fiber-starter-n8iz2?file=/src/index.js:147-569

function Thing() {
  const ref = useRef()
  useFrame(() => (ref.current.rotation.x = ref.current.rotation.y += 0.01))
  return (
    <mesh
      ref={ref}
      onClick={e => console.log('click')}
      onPointerOver={e => console.log('hover')}
      onPointerOut={e => console.log('unhover')}>
      <boxBufferGeometry attach="geometry" args={[1, 1, 1]} />
      <meshNormalMaterial attach="material" />
    </mesh>
  )
}
...
  <Canvas>
    <Thing />
  </Canvas>
...

[drcmda]

there are dozens of running examples with text, here's one https://codesandbox.io/s/html-input-fields-024uom

the sandbox you posted uses ancient packages (react-three-fiber is deprecated, use @react-three/fiber)

troika default fontsize is tiny btw, it might just be that you don't see the text.

edit:

fontSize={1} works, i see the text. but i think a default that small makes little sense, i'll set it to 1.

[wibed]

opened an issue thank you

https://bugzilla.mozilla.org/show_bug.cgi?id=1808012
#1207

[drcmda]

i see text in every browser, including firefox

https://codesandbox.io/s/gifted-kirch-hwwvko?file=/src/App.js

i don't think ff has much to do with anything tbh, the text comes from the troika library, it's an sdf based shader. unless webgl as a whole isn't functional in your browser the issue has to be something else.

[wibed]

which version do you use? i dont see any text and the settings are correctly set

[makc]

firefox 108.0.1:

[wibed]

wierd!