Hi guys, new to webflow but love the idea of it for launching a digital type foundry.
One big question does anyone know of a Typetester / font previewer, similar to say; Klim Type Foundry · Domaine Display fonts that can be integrated with webflow? Or is this something that must be custom-built.
Would you mind sharing how you did it? I’m quite new to javascript (and to code as a whole actually). I have already hosted the fontsampler.js file with this technique. Where I’m stuck is creating the “Embed” bloc in the page and somewhat call this .js file.
Hello Jorge,
Thanks again for sharing the codepen, it helped a lot!
There’s one thing I cannot figure out: changing the typeface inside the tester.
I tried to replace the URL (see below) but it doesn’t import the font.
Here’s the codepen I’m using. If you want to have a look.
Right, you will need to use a CDN. Unfortunately, I don’t think it works by grabbing the link from Webflow and pasting it. I uploaded them to NPM and then used JSDelivr to grab the link.
Thanks for those precisions
The Github method doesn’t seem to work (see codepen again) — did I do something wrong? In the meantime I will try to use npm. Also, a side question: do the links used in this section need to be public? And if they can be private: how can I authorize fontsampler.js to access them?
Thanks again for your help
I had some issues as well with GitHub and npm seems to work fine for me. Regarding the links, I think they need to be public, unless you want to pay a fee in npm, I think.
Aaaaand here I am with another question: how can I add more than one fontsampler “bloc” to a single page. I’d like to make one for each weight —rather than using the dropdown to select the style— but when I add them on top of each other, only one bloc appears on the published site. Thanks in advance!
Uhmm, that’s a great question. I am not entirely sure how to achieve that, to be honest. It should work by copying and pasting it again, but if it doesn’t you might need to send an email to the programmer of the Library. He usually responds pretty fast.