Using Typetura in webflow

Design help Custom code
1

I am trying to scale text to any layout with Typetura, however it’s a bit unclear to me how I’m supposed to incorporate it in the custom code. Can somebody please help?

1 Like
2

Hi Ana,

You should be able to get it to work using the following steps:

  1. Upload typetura.js somewhere you can link to it
  2. Open your Webflow project
  3. Open the page you want to add your React component to
  4. Click the gear icon
  5. Find the Inside <head> tag section and paste the following script tags to load React and React DOM:

<script>
window.typetura = {
selectors: [
// list of selectors to be used as contexts
“.typetura”,
“main”,
“article”,
“section”
],
};
</script>
<script src=“link/to/typetura.js”></script>

Now you can write Typetura CSS in your project.

Hopefully Webflow enables 3rd party plugins to make this easier, or works to integrate Typetura into their platform.

1 Like