how to embed extra fonts in JATOS
Hi there,
we are at the first experience with JATOS/OSweb and probably we are doing mistakes somewhere or missing some concepts.. We have a sketchpad with some OSF fonts. Basically they weere installed into windows but looking at this page https://osdoc.cogsci.nl/3.3/manual/stimuli/text/ I see they can also be included into the pool, after converting to TTF. And this works from inside Opensesame.
Going to JATOS or OSweb preview the fonts appears in Arial. I thought that using the "pool" would have solved the problem, but not. Indeed if I include an image in the sketchpad and its correspondant .PNG into the pool, it is rendered correctly on JATOS.
Any suggestions? or simply it cannot be done?
by the way, for what I see sketchpad are converted to "screenshot" images to be rendered by the browser, that image is a bit blurry though. Can be sharpened somehow?
Thanks
a.
Comments
This is a front-end (OSWeb) question. Moved the discussion there.
Thank you Elisa for moving the request into the correct place. Do you have an advice for this problem?
HI,
I have no idea what is happening. @sebastiaan do you?
Eduard
I know that this is not what you are asking for, but be aware that fonts are not as simple as they seem. Well-designed ttf fonts have 'hinting' information that tells the computer precisely how to convert the font's outlines to pixels. Without this information they could end up looking hideous or distorted. When you convert a font to ttf, that hinting information is probably missing or automated, so you should be careful to test the font/experiment in different operating systems and browsers, as they might interpret the (lack of) hinting differently.
For relatively good ttf conversions I would recommend to use this website https://www.fontsquirrel.com/tools/webfont-generator
And in general I wouldn't deviate from the default set of fonts unless you have a good reason for it.
Anyway, feel free to ignore this, it's just that as a part-time type designer I care about these things ;)
@elaci0 @eduard OSWeb simply doesn't support custom fonts at the moment, i.e. you cannot use fonts from the file pool. In principle, I think it should be possible to load a custom font through JavaScript, but this is not trivial to do, at least not if you also want PixiJS (the library that is used for rendering stimuli in OSWeb) to actually use the font. This would be very useful, though, so I filed an issue for this.
For now, a workaround would be to render the text as images offline and present those in OSWeb, which if I understand your post correctly is what you came up with yourself as well.
Check out SigmundAI.eu for our OpenSesame AI assistant!